28220 sujets

CSS et mise en forme, CSS3

[résolu] Height a 100%

Bonjour!
voici un site :
------------------
j'ai lu ceci :
http://blog.alsacreations.com/2004/05/13/3-height

je voudrais élargir mon menu sur toute la hauteur

j'ai appliquer
body, html
{
height:100%;
margin:0;
padding:0;
}

et un autre height:100%; a la div qui englobe tout

le resultat est bon sous IE, mais sous firefox et opéra, ca ne marche pas
j'ai pourtant tout fait comme il faut

que faire ?

merci
Modifié par aoemaster (04 Aug 2006 - 21:23)
Salut.

Il faut employer "min-height: 100%" sur le conteneur global pour Firefox, Opera & cie, tout en gardant le "height: 100%" pour IE (voir commentaires conditionnels).
j'ai fait ceci :
#global /* Le cadre de la page */
{
background:#fff;
width:750px;
margin:auto;
border:1px solid #000;
border-top:none;
border-bottom:none;
position:relative;
min-height: 100% !important;
height:100%;
}


rien...
Normal Smiley cligne

Tu dois forcer la propriété "height" à rester sur auto pour les navigateurs modernes, pas "min-height" ! Le hack correct est : 
#global {
   height: auto !important;
   height: 100%;
   min-height: 100%;
   width: #750px;
   margin: 0 auto;
   ...
}
Celà dit, ce serait plus propre en utilisant les commentaires conditionnels
aoemaster a écrit :
le resultat est bon sous IE, mais sous firefox et opéra, ca ne marche pas
j'ai pourtant tout fait comme il faut

Si ça ne marche pas, c'est peut-être que tu n'as justement pas tout fait comme il faut. Smiley rolleyes

De plus, que signifient exactement « rien » ou « plus aucun effet » ?
Quel est le rendu attendu, quel est le rendu obtenu, pour quel code ?
Une demande un peu plus précise ne serait pas du luxe.

aoemaster a écrit :
je voudrais élargir mon menu sur toute la hauteur

C'est la minute linguistique : en général, on élargit dans le sens de la largeur. Smiley cligne
Modifié par mpop (04 Aug 2006 - 21:32)
je voulais que le menu prenne toute la hauteur du bloc qui le contenait
j'ai fait a appel a un tableau a deux cellules, c'est bon...
meme si jen suis pas tres fier
aoemaster a écrit :
je voulais que le menu prenne toute la hauteur du bloc qui le contenait

Difficile, voire impossible, si le bloc conteneur n'a pas de hauteur fixe et connue à l'avance.

aoemaster a écrit :
j'ai fait a appel a un tableau a deux cellules, c'est bon...
meme si jen suis pas tres fier

C'est souvent la solution la plus pragmatique, et un tableau à deux cellules, sans tableaux imbriqués à l'intérieur, ne pose pas outre mesure de problème d'accessibilité. En attendant une meilleure implémentation (c'est à dire une implémentation dans IE Windows) de display: table, il faudra sans doute encore, dans quelques cas précis, revenir à la méthode du tableau de mis en forme… en faisant son possible pour l'utiliser à bon escient et de manière maîtrisée.
Il n'y a que dans les cas où la largeur des 2 colonnes est fluide et où le fond des colonnes est constitué d'images qu'on ne peut pas arriver à une solution satisfaisante, non ?

Dans les autres cas, on peut "au pire" utiliser les colonnes factices pour créer l'illusion de hauteurs égales ...
Sujet clos
Aller à