[HTML / CSS] Hauteur d'un div..
Résolu/Fermé
Tiller
Messages postés
781
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
14 septembre 2008
-
23 août 2008 à 14:39
C.D-A - 11 août 2010 à 16:21
C.D-A - 11 août 2010 à 16:21
9 réponses
vignemail1
Messages postés
1246
Date d'inscription
vendredi 8 octobre 2004
Statut
Contributeur
Dernière intervention
13 septembre 2019
259
23 août 2008 à 15:10
23 août 2008 à 15:10
<div id="banniere"></div>
<div id="main"></div>
avec en CSS:
#banniere {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 20px;
}
#main {
position: absolute;
top: 20px;
bottom: 0px;
left: 0px;
right: 0px;
}
marche sous firefox et autres navigateurs respectueux un minimum des normes W3C
marche pas sous IE6 et inférieur car le positionnement absolute n'utilise pas le même élément parent comme référence de positionnement. Astuce pour contrer cela, mettre les deux div dans un <div> position: relative, il parait que cela marche, j'ai jamais vraiment tester moi même
<div id="main"></div>
avec en CSS:
#banniere {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 20px;
}
#main {
position: absolute;
top: 20px;
bottom: 0px;
left: 0px;
right: 0px;
}
marche sous firefox et autres navigateurs respectueux un minimum des normes W3C
marche pas sous IE6 et inférieur car le positionnement absolute n'utilise pas le même élément parent comme référence de positionnement. Astuce pour contrer cela, mettre les deux div dans un <div> position: relative, il parait que cela marche, j'ai jamais vraiment tester moi même
Tiller
Messages postés
781
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
14 septembre 2008
212
23 août 2008 à 14:51
23 août 2008 à 14:51
Oui mais non, Sa serait trop simple comme sa XD
C'est pour m'adapter à la taille de l'écran, donc je ne connais pas la hauteur de base.
Et height: auto n'a jamais marché si je ne m'abuse
C'est pour m'adapter à la taille de l'écran, donc je ne connais pas la hauteur de base.
Et height: auto n'a jamais marché si je ne m'abuse
On dit que les oiseaux sont libres dans le ciel, Mais la vraie liberté n'est pas celle d'avoir un endroit où se poser ?
Ricky38
Messages postés
4347
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
2 novembre 2013
1 447
23 août 2008 à 14:55
23 août 2008 à 14:55
height fonctionne très bien je m'en sert très souvent :)
P-e ça alors lol
<div id="container" height 100%> <div id="header" height 20%> ton contenu</div> <div id="contenu" height 60%>ton contenu</div> <div id="footer" height 20%>ton contenu</div> </div>
P-e ça alors lol
Ricky38
Messages postés
4347
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
2 novembre 2013
1 447
23 août 2008 à 15:00
23 août 2008 à 15:00
ohh désolé de vouloir aider
alors vas-y avec :
Bonne journée !
alors vas-y avec :
height:100%-20px;
Bonne journée !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Tiller
Messages postés
781
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
14 septembre 2008
212
23 août 2008 à 15:01
23 août 2008 à 15:01
Je viens de dire que cela n'existe pas, et ne marche pas
Ricky38
Messages postés
4347
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
2 novembre 2013
1 447
23 août 2008 à 14:47
23 août 2008 à 14:47
Salut,
tu peux pallier en créant un div container qui lui contient tous tes autres div. sur le div container tu lui mets la hauteur que tu veux
tu peux aussi mettre ta hauteur du div contenu a "auto"
tu peux pallier en créant un div container qui lui contient tous tes autres div. sur le div container tu lui mets la hauteur que tu veux
<div id="container" height 800px> <div id="header" height 20px> ton contenu</div> <div id="contenu" height 760px>ton contenu</div> ///donc 800 - 20 - 20 <div id="footer" height 20px>ton contenu</div> </div>
tu peux aussi mettre ta hauteur du div contenu a "auto"
Tiller
Messages postés
781
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
14 septembre 2008
212
23 août 2008 à 14:57
23 août 2008 à 14:57
Jamais chez moi, et ton code ne m'interesse absolument pas >.> J'ai précisé une taille précise en Pixel pas en %
Cela n'a jamais existé, n'est absolument pas standard et n'a jamais marché avec moi
width:100%-10px;
Cela n'a jamais existé, n'est absolument pas standard et n'a jamais marché avec moi
Tiller
Messages postés
781
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
14 septembre 2008
212
23 août 2008 à 15:10
23 août 2008 à 15:10
Ce n'est pas moi le problème, ta propriété n'existe absolument pas.
http://tillersama.hd.free.fr/CCM/test.htm
Et si tu penses que c'est de ma faute que sa ne marche pas:
1/ Mate le code source
2/ http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftillersama.hd.free.fr%2FCCM%2Ftest.htm&profile=css21&usermedium=all&warning=1&lang=fr
http://tillersama.hd.free.fr/CCM/test.htm
Et si tu penses que c'est de ma faute que sa ne marche pas:
1/ Mate le code source
2/ http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftillersama.hd.free.fr%2FCCM%2Ftest.htm&profile=css21&usermedium=all&warning=1&lang=fr
Tiller
Messages postés
781
Date d'inscription
mercredi 4 juillet 2007
Statut
Membre
Dernière intervention
14 septembre 2008
212
23 août 2008 à 15:15
23 août 2008 à 15:15
Je te dirais que t'y connais rien =)
Car, merci Vignemail, sa marche parfaitement ;)
Et c'est completement valide.
Car, merci Vignemail, sa marche parfaitement ;)
Et c'est completement valide.
23 août 2008 à 16:18
Lien pour corriger sous IE6:
http://merri.net/bugs/ie_bottom_right.html