[css] hauteur de calque adaptive

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [css] hauteur de calque adaptive

attentio

bonjour,
voila j'ai un calque contener qui contient deux calque (bloc_1 et bloc_2), qui doivent se chevaucher.
l'un est en position relative et l'autre en absolu et je voudrais que la hauteur de ce calque contener s'adapte a la hauteur de l'un ou l'autre calque.
mais actuellement il s'adapte uniquement a celui qui en en position relative (la hauteur du bloc_1 en position absolu est completement ignorée).
donc ma question est comment faire pour que ce calque contener s'adapte a la fois, a l'un ou l'autre calque qu'il contient et que ces deux calque puissent se chevaucher ?

voici le code de ma page actuellement :

Code :

<html>
<head>
<style>
body {text-align: center;margin-bottom : 0;margin-left : 0;margin-right : 0;margin-top : 0;}
#global{z-index:1;
width:100%;
text-align:center;
position:relative;
top:0;left:0;
border:0px solid black;
background-color:red;
}
#contener{
position:relative;
text-align:left;
z-index:2;
margin-left: auto;
margin-right: auto;
width:550px;
height:100%;
border:0px solid black;
background-color:purple;
}
#bloc_1{
z-index:2;
position:absolute;
width:180px;
left:0px;
top:0px;
height:100%;
background-color:yellow;
}
#bloc_2{
z-index:3;
position:relative;
width:80px;
margin-top:170px;
margin-left:20px;
background-color:orange;
}
</style>
</head></body>
<div id="global">
<div id="contener">
<div id="bloc_1">
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
</div>
<div id="bloc_2">
2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2
</div></div></div>
</body></html>

testé uniquement sous IE

merci de votre aide

Publicité

omega2

position:absolut = positioné en dehors de tous les blocs.
Donc il n'est plus affiché dans le bloc qui le contient au niveau html.
Donc il ne joue plus du tout sur la taille du bloc en question.

Donc pour résoudre ton probléme, il va te faloir mettre ton élément en position relative.

FORUM HardWare.fr

Programmation

HTML/CSS

[css] hauteur de calque adaptive

Sujets relatifs
[CSS] Problème hauteur d'un bloc dans IE	[Javascript] longueur de Calque dynamique
Span : display none qui "prend de la hauteur" sous IE.	[CSS] probleme hauteur de cadre
Problème Css calque sous dreamweaver	retour chariot sur un calque
Div de 1px de hauteur	[Firefox] Hauteur background image qui ne s'allonge pas [edit]
[css]Opéra hauteur 100% en absolu	Donner la même hauteur à deux div
Plus de sujets relatifs à : [css] hauteur de calque adaptive

Page générée en 0.040 secondes