[résolu] Div absolute sous div standard

Bonjour

Serait-t-il possible de glisser le bloc rouge sous les autres ?

Mon code du moment :

<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
#bloc1 {
	background-color: blue;
	height: 150px;
	width: 50px;
	float: left;
	z-index: 2;
}

#bloc2 {
	background-color: green;
	margin-left:70px;
	z-index: 2;
}

#bloc3 {
	font-style: oblique;
	z-index: 1;
	height: 50px;
	width: 50px;
	color: #FFFFFF;
	background-color: #FFCC66;
	position: absolute;
	left: 73px;
	top: 96px;
}

#bloc4 {
z-index: 0;
padding: 10px;
position: absolute;
left: 0px;
top: 0px;
background-color: rgb(204, 51, 0);
width: 79px;
color: white;
height: 114px;
}
</style>

<div id="bloc1">Div Date</div>
<div id="bloc2">la bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div>
<div id="bloc3">FIXE</div>
<div id="bloc4">Ce bloc &agrave; gauche sous lesautres ? </div>

Merci
Modifié par globy (13 Nov 2005 - 19:09)

J'ai mis à jour le code. Marche toujours pas...

Attention la propriété z-index a un sens pour les éléments qui ne sont pas positionnés en static.

Corrige ton code en ajoutant :

body {position:relative;z-index:0}

et en mettant z-index:-1 pour #bloc4. Les autres z-index sont inutiles.