Mes div se chevauche!!

Mes div se chevauche!! - HTML/CSS - Programmation

Marsh Posté le 06-02-2007 à 18:26:13    

Bonjour @ tous!!
 
j'ai un probléme avec 3 div qui se chevauche,
 
ils sont placés l'un au dessus de l'autre en position:absolute dans mon css.
 
le premier est à left:0px et top:0px et fait 100px de height
 
le deuxieme est à left:0px et top:100px et fait 10 px de height
 
et le troisiéme est à left:0px et top:110px puisque le 2éme fait 10 px de haut.
 
Cependant le 3éme div se positionne au-dessus du 2éme  :pt1cable:  
 Pourkoikoi??
 
Mes div

Citation :


<div id="wrap">
<div id="corner_upleft"></div>
 
<div id="left_lineup"></div>
 
<div id="left_betweenline"></div>
</div>


 
mon css
 

Citation :


#wrap{
position:absolute;
top:200px;
left:200px;
width:700px;
height:500px;
margin:0px;
padding:0px;
border:0px;
}
#corner_upleft{
position:absolute;
top:0px;
left:0px;
width:100px;
height:100px;
margin:0px;
padding:0px;
border:0px;
}
#left_lineup{
position:absolute;
top:100px;
left:0px;
width:100px;
height:1px;
margin:0px;
padding:0px;
border:0px;
 
}
#left_betweenline{
position:absolute;
top:110px;
left:0px;
width:100px;
height:300px;
margin:0px;
padding:0px;
border:0px;
}
 


 
Merci pour vos réponses!!

Reply

Marsh Posté le 06-02-2007 à 18:26:13   

Reply

Marsh Posté le 06-02-2007 à 18:56:41    

vu que tu places tes divs en absolute, quel est l'interêt dans les mettre dans le div #wrap ( lui-même en absolu)?

Reply

Marsh Posté le 06-02-2007 à 19:13:54    

le positionnement de mon wrap changera aprés et importe peu ici
 
je veux que les div contenu dedans ne puisse pas bouger
et soit l'un au dessus de l'autre
 
mais il y a peut étre une autre solution

Reply

Marsh Posté le 06-02-2007 à 21:03:16    

solution : le positionement en  
absolute ne sert a rien  :bounce:  
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed