contenedor con tres capas, izquierda, centro y derecha

xevisoyyo · #1 (**permalink**) 29/10/2005, 02:55

a ver en html etngo esto:

<div id="contenedor">
<div id="cabecera">...</div>

<div id="publicidad">...<div>

<div id="cuerpo">

<div id="izquierda">....</div>
<div id="derecha">....div>
div id="centro">...</div>
</div>

<div id="afiliados2">...</div>

<div id="pie">...</div>

</div>

y en la hoja de estilos esto:

#cuerpo{
background-color: #ffffff;
text-align: center;
margin: auto;
width: 750px;}

#izquierda{
width: 120px;
background-color: #0000ff;
float:left;}

#centro{
margin-left: 120px;
width: 510px;
background-color: #ff0000;
}

#derecha{
width: 120px;
background-color: #00FF00;
float:right;}

con opera me queda perfecto, con explorer me sale el centro abajo, a ver como se puede poner para q salga bein en todas partes, porq he probado varias combinaciones, gracias

codigoflecha · #2 (**permalink**) 29/10/2005, 06:02

para que poner margin-left:120px date cuenta que ese valor en explorer te suma al total de px de las tres capas, prueba a poner float:left

xevisoyyo · #3 (**permalink**) 29/10/2005, 16:11

gracias, ahora se ve perfecto en ambos, muchas gracias ;)

Rafael · #4 (**permalink**) 29/10/2005, 16:11

eso o deja sin un ancho el del centro para que sea elástico.

xevisoyyo · #5 (**permalink**) 29/10/2005, 16:13

bueno si visteis el codigo, tengo otro pequeño problema, y es q en explorer, para variar jeje, me sale en un lado (izquierda) mientras q en opera e imagino q en los demas, me sale centrado. decirme q he de añadir, gracias

Rafael · #6 (**permalink**) 29/10/2005, 16:48

Cambia tu doctype a xhtml.

xevisoyyo · #7 (**permalink**) 29/10/2005, 17:20

no hay otra manera?

a ver es algo simple no pretendo hacer grandes cosas, solo quiero centrarlo y en otros navegadores se ve perfecto, gracias

CORE · #8 (**permalink**) 29/10/2005, 23:27

flota todas las capas hacia un mismo lado

saludos

Rafael · #9 (**permalink**) 30/10/2005, 11:16

O a la antigüita
a body ponle text-align: center;
y a tu div contenedor le regresas a text-align: left;

programeitor · #10 (**permalink**) 30/10/2005, 18:17

mira a ver si poniendole al <body style="margin:0 auto;">

xevisoyyo · #11 (**permalink**) 31/10/2005, 03:54

puers ya esta, lo solucione de otra manera, el contenedor lo tenia a 770px asi que lo puse a 100% eso a la cabeza y al pie no me afecta, y como las tres columnas estan dentro del cuerpo, al cual le puse 770px y queda centrado pues ya esta. ahora se me ve perfecto en todos, bueno cambie algo mas pero lo q no podia era centrar el contenedor en explorer, quiza en body se hubiese podido, pero ya no toco mas, gracias a todos

os pongo como me quedo en la hoja de estilos a ver si hay algo innecesario o recomendable q me podais decir, es que aun no lo controlo muy bien, gracias

#contenedor{
text-align:center;
width:100%;
margin:auto;}

#cabecera{}

#publicidad{
text-align: center;
margin: auto;
background-color:#000000;
height:90px;
width: 770px;}

#cuerpo{
background-color: #ffffff;
text-align: center;
margin: auto;
width: 750px;}

#izquierda{
width: 120px;
float:left;}

#centro{
float:left;
width: 510px;}

#derecha{
width: 120px;
float:right;
text-align: right;
border-right-style: solid;
border-right-color: #FFFFFF;}

#saludos{
width: muchos px para todos;}