Je cherche à mettre deux div dans un seul en sachant qu'ils doivent prendre à eux deux 100% de la hauteur, mais que celui du bas est fixe.
Voici un shéma :
Quelqu'un aurait une idée sur comment faire ?
Version complète: sur le forum Webmaster Hub : Deux div dans un div
Bonjour à tous !
Je cherche à mettre deux div dans un seul en sachant qu'ils doivent prendre à eux deux 100% de la hauteur, mais que celui du bas est fixe.
Voici un shéma :
Quelqu'un aurait une idée sur comment faire ?
Je cherche à mettre deux div dans un seul en sachant qu'ils doivent prendre à eux deux 100% de la hauteur, mais que celui du bas est fixe.
Voici un shéma :
Quelqu'un aurait une idée sur comment faire ?
Avant toute chose : est-ce que la Div contenante est réellement utile pour ton site ? Attention à la multiplication des Div...
Sinon je vois pas vraiment s'il y a un problème :
HTML :
CSS :
Mais pour en revenir à ma remarque du début, il faut bien vérifier que CHAQUE div est utile. Ici, je pense que tu en as une de trop, à moins que tu m'expliques leurs utilités spécifiques
Sinon je vois pas vraiment s'il y a un problème :
HTML :
HTML
<div>
<div>Div à hauteur variable... Blablabla</div>
<div class="hauteurfixe">Div à hauteur fixe.</div>
</div>
<div>Div à hauteur variable... Blablabla</div>
<div class="hauteurfixe">Div à hauteur fixe.</div>
</div>
CSS :
CODE
.hauteurfixe{height:150px}
Mais pour en revenir à ma remarque du début, il faut bien vérifier que CHAQUE div est utile. Ici, je pense que tu en as une de trop, à moins que tu m'expliques leurs utilités spécifiques
Oui, cette div est vraiment utile.
Le truc c'est que je veux que la div du bas reste TOUJOURS tout en bas, avec ta solution, elle remonte en dessous de la première.
Le truc c'est que je veux que la div du bas reste TOUJOURS tout en bas, avec ta solution, elle remonte en dessous de la première.
Pourquoi ne pas utiliser la fonction margin-bottom pour le bloc à hauteur fixe? Donne lui un id et travaille dessus. Enfin je pense.
Comment ça ?
voila
je peux te conseiller ces deux tutoriels
http://www.siteduzero.com/tuto-3-42-1-mise...partie-1-2.html
http://www.siteduzero.com/tuto-3-44-1-mise...partie-2-2.html
CODE
html
<div id="bloc_bas">le div à hauteur fixe</div>
en css
#bloc_bas
{height:150px;
margin-bottom:2px; }
ainsi le bord inferieur du bloc à hauteur fixe devrait toujours se situer à 2 px du block le plus proche en l'occurence le div qui inclut les deux autres.
C'est tout ce que je peux te conseiller, je n'ai que 15 jours d'experience en css/xhtml :p
<div id="bloc_bas">le div à hauteur fixe</div>
en css
#bloc_bas
{height:150px;
margin-bottom:2px; }
ainsi le bord inferieur du bloc à hauteur fixe devrait toujours se situer à 2 px du block le plus proche en l'occurence le div qui inclut les deux autres.
C'est tout ce que je peux te conseiller, je n'ai que 15 jours d'experience en css/xhtml :p
je peux te conseiller ces deux tutoriels
http://www.siteduzero.com/tuto-3-42-1-mise...partie-1-2.html
http://www.siteduzero.com/tuto-3-44-1-mise...partie-2-2.html
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.