necesito ayuda urgente, socorro!!!!!

pitufina_bea · #1 (**permalink**) 23/10/2008, 02:45

necesito vuestra ayuda, tengo cuatro capas, y quiero colocar dos arriba y dos abajo, algo parecido a esto:

capa1 capa2
capa3 capa4

en mozilla me funciona pero en explorer no!!!!!!

os dejo el css:

#capa1
{
position:relative;
top: 3px;
left:200px;
//left:220px;
width: 200px;
float: left;
clear: left;
height: 100px;
}

#capa3
{
position:relative;
top: 3px;
left:200px;
//left:200px;
width: 220px;
height: 110px;
float:left;
clear:left;
text-align:justify;
}

#capa2
{
position:relative;
top: 3px;
left:350px;
//left:350px;
width: 200px;
height: 100px;
float:left;
clear:right;
}

#capa4
{
position:relative;
top: 3px;
left: 350px;
//left: 350px;
width: 220px;
height: 110px;
float:left;
clear:right;
text-align:justify;
}

es urgente, a ver si alguien me puede ayudar, en explorer se descoloca y la capa 4 se pone al lado de la capa 2

talmente · #2 (**permalink**) 23/10/2008, 05:04

Haber si esto te sirve por lo menos como pista o ayuda para lo que quieres

Código:

<style type="text/css">
<!--
#una, #dos, #tres, #cuatro {
	width: 200px;
	height: 100px;
}
#contenedor #dos {
	float: left;
	background: #33CC99;
}
#contenedor #una {
	float: left;
	background: #003333;
}
#contenedor #tres {
	background: #006666;
	float: left;
}
#contenedor #cuatro {
	float: left;
	background: #339999;
	clear: right;
}
#contenedor {
	width: 410px;
	float: left;
}
-->
</style>

Código HTML:

<body>
<div id="contenedor">
<div id="una">Una</div>
<div id="dos">dos</div>
<div id="tres">tres</div>
<div id="cuatro">cuatro</div>
</div>
</body>

pitufina_bea · #3 (**permalink**) 23/10/2008, 05:39

yuppppppiiiiiiii, gracias.

talmente · #4 (**permalink**) 23/10/2008, 05:55

Denada pitufina_bea