Ayuda con DIV's

tangocritico · #1 (**permalink**) 02/05/2007, 18:33

Estoy haciendo un pagina con el siguiente formato CSS. Vean: sancroce.com.ar/forma.jpg

Los problemas que estoy teniendo son 2:
1) No logro que el texo de "CUERPO2" no se ponga debajo de "MENU" cuando sucede que Cuerpo1 + Cuerpo2 es mas alto que Menu.

2) Cuerpo1 no me esta quedando exactamente al lado de Menu: Osea empieza un poco mas a la derecha de lo que le digo....

CSS Todo esta en un
#page-container { width:750px; margin: auto; text-align:left}

#header {height:265px; background: #db6d16;}

#encabezado {height:138px; width:593px; background:#db6d16; line-height: 18px;}

#content {line-height:18px; background-color:#FBF2E7;}

#menu {float: left; width: 154px; height: 400px; line-height: 18px; background-color:#A83D31;}

HTML
<div id="page-container">
<div id="header"></div>
<div id="menu"></div>
<div id="encabezado"></div>
<div id="content"></div>
<div id="footer"></div>
</div>

ME AYUDAN??

floren · #2 (**permalink**) 02/05/2007, 23:53

Cita:

Iniciado por tangocritico

1) No logro que el texo de "CUERPO2" no se ponga debajo de "MENU" cuando sucede que Cuerpo1 + Cuerpo2 es mas alto que Menu.

Dale el valor float:left también a las capas encabezado y content.

tangocritico · #3 (**permalink**) 03/05/2007, 07:58

Muchas gracias. Se me solucionó ese problema con Float = Left.

Ahora, una ultima cosita (creo): ¿Como hago para que "Menu" llegue hasta el "Pie" en caso de que Cuerpo1 + Cuerpo2 > menu ?

Gracias de nuevo

floren · #4 (**permalink**) 03/05/2007, 13:29

Cambia

height: 400px;

por

height:100%;

a ver si hay suerte.

tangocritico · #5 (**permalink**) 03/05/2007, 14:52

Gracias Flor pero no hubo suerte

demiurgo_daemon · #6 (**permalink**) 03/05/2007, 16:50

Hola,

lo que quieres hacer es un problema abierto entre diseñadores. Roger Johansson propone una solución interesante con todo y correcciones para la basura de Explorer 6.

saludos