28218 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un problème de positionnement des div, je présente 2 div pour que se soit plus clair.

div1 = contenu
div2 = footer

le div1 est en height aleatoire car il a le contenu du site donc les pages ne sont pas de la meme taille.

le div2 est le footer qui est placé sous le div1.

comment faire pour que le footer reste toujour sous le div1?
Modifié par Clad Strife (17 Aug 2006 - 01:11)
Salut,

c'est le comportement par défaut, c'est le flux du document.

Sauf si tu as appliqué un positionnement (absolu ou relatif) à ton contenu (et/ou footer)

Mais là, tu ne donnes pas assez de détail.
désolé de ne pas être plus précis..., voilà les 2 codes CSS des div.


#div1 {
left:0px;
top:0px;
width:750px;
z-index:2;
position:absolute;
}


#div2 {
left:0px;
top:0px;
width:750px;
height:50px;
z-index:2;
position:absolute;
}

Modifié par Clad Strife (15 Aug 2006 - 18:51)
re

désolé d'être impatient mais j'ai vraiment besoin de le savoir avant se soir...

si vous avez un petit détail qui pourrait m'aider ca serait pas de refus...

mon problème est si dessus comment mettre div2 sous div1 quand celui ci change de taille en height...

voilà la source de mon CSS


#div1 {
left:0px;
top:0px;
width:750px;
z-index:2;
position:absolute;
}
#div2 {
left:0px;
top:0px;
width:750px;
height:50px;
z-index:2;
position:absolute;
}

Modifié par Clad Strife (15 Aug 2006 - 20:31)
Je ne vais pas t'être d'une grande aide, je suis pas fan des positions absolues...

Si le div2 tu le définissais justement pas en abolu c'est pas mieux ? Je ne ocnnais pas z-index j'ignore si ça influe...

Le temps me manque demain je me lve à 7h Smiley confused
Modérateur
bonjour,

et en simplifiant le css comme ceci :
#div1 {
width:750px;
}

#div2 {
width:750px;
height:50px;
}


il vont juste rester l'un au dessus de l'autre , le premier repoussant le second de façon tout a fait normale .

++