18041 sujets

Questions générales et questions de débutants

Min-height, fonctionnement bizarre.

Bonjour à toutes et tous Smiley cligne

Je suis confronté à un problème que je qualifierais de bizarre, je vous explique.

Si je prends le code suivant : 

<!DOCTYPE html>
<html lang="fr">
  <head>
	
	<title>essai</title>
	
    <meta charset="utf-8">
    <meta name="description" content="">
	<meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="geo.placename" content="">
	<meta name="viewport" content="width=device-width"> 
    <link rel="stylesheet" media="all" href="screen.css">
    
  </head>
  
  <body>
  </body>



html 
{
min-height:100%;
width:100%;
padding:0;
margin:0;
background-color:blue;
}

body
{
background-color:red;
min-height:100%;
height:100%;
width:980px;
margin-top:0px;
margin-right:auto;
margin-left:auto;
}


Je n'ai qu'un écran bleu uniforme, alors que logiquement, je devrais avoir un centre large de 980px et de couleur fond rouge.

Le seul moyen d'obtenir ceci est de noter manuellement height:600px; par exemple pour obtenir ceci.

Est-ce que ce fonctionnement est normal ?

Pour info j'essaye sur firefox et google chrome...

Merci d'avance pour vos lumières !

Marc
Salut, merci pour ton aide Smiley cligne

Ben pour moi, c'était justement pour prendre au minimum le 100% de la hauteur même s'il y a peu de contenu.

Supposons un body où il n'y a que quelques lignes de texte, ben le body devrait prendre l'entier de la page dans le navigateur...

Ou bien alors le min-height ne s'applique pas à la balise body ?

Merci encore !

Marc
jb_gfx a écrit :
Et si tu ajoutes un height 100% sur l'élément html ?

Quel talent Smiley cligne
Bonjour,

Ce que tu veux, c'est bien un conteneur de minimum la hauteur de ta fenêtre navigateur ?
Bonsoir à vous et merci pour votre aide Smiley cligne

Alors effectivement, si je mets height:100% sur html, cela marche nikel.

Mais par contre, je ne comprends pas très bien la logique de ceci, car la partie html est en rouge et elle était bien visible en intégralité de la hauteur de l'écran même sans mettre la hauteur à 100%...

Comment l'expliquer ?

Merci d'avance

Thierry=> Effectivement, un conteneur de minimum la hauteur de l'écran.
Modifié par marc.suisse (14 Oct 2012 - 20:55)
Sujet clos
Aller à