hola que tal , estoy maquetando un sitio web ya resolvi un monton de problemas que surgieron pero me quedo uno muy tonto que no se cual esl a razon en todos los navegadores me funciona correctamente salvo en IE tengo el problema que 1 de mis 3 divs principales se pasa a la otra linea.
la pagina esta dividida de la siguiente forma
*Div contenedor width 1024 px
-div lateral izquierdo width 170 px
-div principal width 684 px
-div lateral derecho 170 px
el asunto es que explorer me baja de linea el lateral derecho , cosa que en otros navegadores no me pasa los 3 divs contenidos son flotantes.
esta es la hoja de estilo por si les interesa leerla
Código HTML:
#contenedor
{margin-left:auto;
margin-right:auto;width:1024px;
BACKGROUND-COLOR:transparent ;
TEXT-ALIGN:center;height:100%}
#principal
{width:684px;
BACKGROUND-COLOR:#FFFFFF ;
TEXT-ALIGN:left;
height:100%;
margin-right:auto ;
margin-left:auto;
Float:left;}
#lateral izquierdo
{background-color: transparent ;
background-image:url('imagenes/shadlft.png');
background-repeat:repeat-y;
MARGIN: 0px 0px 0px 0px ;
PADDING: 0px 0px 0px 0px ;
width:170px ;
height:100% ;
float:left;}
#lateral derecho
{background-color: transparent ;
MARGIN: 0px 0px 0px 0px ;
PADDING: 0px 0px 0px 0px ;
background-image:url('imagenes/shadrgt.png');
background-repeat:repeat-y;
width:170px ;
height:100%;
float:right;}
y les dejo el body del html
Código HTML:
<body>
<div id="contenedor">
<div id="lateral izquierdo">
<img src="imagenes\bglft.jpg">
</div>
<div id="principal">
<div id="cabecera">
</div>
<div id="lateral">
</div>
<div id="cuerpo">
<div id="titulo"><p>SERIES DRAMA
<img src="imagenes\orangebar.png" width="341px" height="2px" ALIGN="bottom"></p>
</img>
</div>
</div>
<div id="lateralder">
</div>
<div id="foot">
</div>
</div>
<div id="lateral derecho">
<img src="imagenes\bgrgt.jpg" align="right">
</div>
</div>
</body>
ahora otra preguntita que tal vez no sea complicado o tal vez si XD , como ven en el html eh puesto un div "foot" y funciona como foot solo por el margen que le eh dado pero queria saber si habia alguna forma de ponerlo ahi de forma mas segura como con un "bottom"
PD: soy nuevo con css empece ayer asi que disculpen si es una tonteria