28173 sujets

CSS et mise en forme, CSS3

Alors voilà le souci, j'au un premier div qui contient une quantité variable de texte. Jusque là pas de pb.
Mais dans ce div j'en ai un deuxième qui doit se trouver en bas à droite, ou au moins son contenu.
Sachant donc que le div 1 à une hauteur variable et une hauteur minimum comment faire pour que le div 2 soit toujours en bas ?

Merci de vos réponses
Salut et bienvenue parmi nous! Smiley cligne

Soit div1 l'id du premier div et div2 celui du second.

Tu appliques les déclarations suivantes dans ton CSS:
#div1 {
  position: relative;
}
#div2 {
  position: absolute;
  right: 0;
  bottom: 0;
}

Le second div se trouvera positionné à l'endroit voulu, quelle que soit la hauteur de texte du premier.

Mais, attention, s'il y a trop de texte dans le premier div, le second risque de le masquer en partie.
Merci beaucoup mais j'ai du mal à appliquer la théorie, un problème se pose à moi.
En fait le premier conteneur qui dans l'exemple de Victor s'appellerai div 1 ne réagit pas dans mon design :s

PS : pourquoi dans vos exemple le div 1 doit-il être forcement en relative ?
Modifié par TechnoGreg (03 Apr 2007 - 20:27)
Le div1 doit être en position relative pour servir de référence au div2. Mais cela ne modifie pas sa position.

Et pour éviter que la div2 ne recouvre le contenu de la div1, tu peux donner à ta div1 un padding-bottom de la hauteur de div2.
Modifié par <nicolas> (03 Apr 2007 - 22:06)