2 votes

définir les expressions css pour la hauteur et la largeur du corps

Je veux changer la hauteur du corps dynamiquement en utilisant une expression css mon code est le suivant

HTML

<body >
 <div class="tall_top" >

 </div>
</body>

CSS

body {
     width:      100px;
     height:     expression(document.documentElement.clientHeight);
     background: red;
   }
 .tall_top { 
   background:#f1f1f1; 
   width:50%; 
   height:50%
  }

Mais il ne fonctionne pas dans google chrome..... Le div interne ne s'affiche pas. La hauteur du corps qui s'affiche dans l'élément inspect est de 0px ;

JS Fiddle

http://jsfiddle.net/3x6fh/

3voto

codef0rmer Points 4551

div.tall_top ne s'affiche pas parce que votre body,html n'a pas de hauteur.

Réglez la hauteur sur 100%

    html,body {
        margin:0;
        width:100%;
        height:100%;
        background:blue;
    }

Démonstration : http://jsfiddle.net/codef0rmer/3x6fh/2/

1voto

Blender Points 114729

Votre expression évalue essentiellement la hauteur de la fenêtre, qui correspond généralement à la hauteur de l'objet <html> élément.

L'ajout de cette CSS devrait fonctionner :

html, body {
  height: 100%;
}

1voto

NullPoiиteя Points 23754

Les expressions css ne valent plus la peine d'être apprises. utilisez JavaScript ou Requêtes média css . et aussi il créera le problème de compatibilité de navigateur puisqu'il est seulement soutenu seulement jamais IE6/7 (peut-être) 5.

Sites Web à haute performance : Règle - Éviter les expressions CSS

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X