28221 sujets

CSS et mise en forme, CSS3

Bonjour

Que signifie ce code ?
height: 90px;
height: expression(this.scrollHeight > 90? "90px": "auto" );
Un tel code dans du CSS ? Smiley confus

En tout cas, ça doit signfier en javascript : "Si la taille de scroll de l'objet est supérieur à 90 alors height = 90px sinon height = auto"

Je suis curieux de savoir où tu as trouvé ceci... Smiley smile
Ok merci

Le code vient de là : http://blog.codefront.net/css/default.css

D'ailleurs d'autres parties m'intriguent, comme :
div#content {
background: #FFF;
margin:0 0 0 250px;
padding:10px;
border-left:1px solid;
font-size:13px;
width:500px;
voice-family:"\"}\"";
voice-family:inherit;
width:480px;
min-height:4150px;
height:expression(this.scrollHeight < 4150? "4150px" :"auto" );
}

Je suppose que le hack sert à faire interpreter cette partie à IE :
voice-family:inherit;
width:480px;
min-height:4150px;
height:expression(this.scrollHeight < 4150? "4150px" :"auto" );

Ou justement IE n'applique pas cette partie ? Pourquoi avoir mis un min-height si grand ? Sous Firefox et IE6 apparement ça fonctionne quand même si on l'enlève...
Modifié le 18 Dec 2004 - 18:48
Il s'agit d'un proceder propre à IE. Il permet d'affecter à une propriété CSS l'evaluation d'un ligne de JScript !

C'est un sytème assez douteux (d'ailleur avec IE6 SP2, il y quelques surprises !), mais cela permet de combler certain manque de IE : par exemple pour emuler min-width/max-width Smiley cligne

Quand aux autre parties qui t'intrigue, il s'agit là encore de "truc" permettant de contourner les limitation de IE !

Voici un récapitulatif des "filtre CSS" en fonction des navigateurs :
> http://www.dithered.com/css_filters/index.html
Modifié le 18 Dec 2004 - 19:11
ThomasB a écrit :
Ok merci

Je suppose que le hack sert à faire interpreter cette partie à IE :
voice-family:inherit;
width:480px;
min-height:4150px;
height:expression(this.scrollHeight < 4150? "4150px" :"auto" );

Ou justement IE n'applique pas cette partie ?


IE aurait du mal à l'appliquer, en effet : cette syntaxe (le box model hack de Tantek Çelik, http://openweb.eu.org/articles/dimensions_boites_css/ ) sert justement à cacher ce qui la suit à IE ! Smiley cligne
Je suppose que l'auteur de cette CSS a fait une petite confusion...
Administrateur
C'est ce que reçoit le navigateur ou bien il y a encore un script entre le fichier et le serveur web avant envoi au navigateur?
Je ne suis pas sur de bien comprendre ta question ?

expression est directement ecrit dans le code CSS, mais rien ne t'empèche d'ecrire des fonctions JScript dans un autre fichiers.

Basiquement, c'est ce que reçoit directement le navigateur via le fichier CSS (si tu utilise un fichier CSS externe).