[SOLUCIONADO]
Hola, estaba pasando mi sitio a divs en lugar de tablas y el método que utilizaba para poner el menú y el contenido uno al lado del otro era con float: right; y todo me estaba yendo bien hasta que lo probe en IE :(
el código CSS es el siguiente:
Código:
#contenedor{
background: #FFFFFF;
min-height: 500px;
width:798px;
overflow:auto;
margin:0 auto;
border: #8D9CAB 1px solid;
border-top-width: 0;
border-right-width: 1;
border-left-width: 1;
border-bottom-width: 0;
}
#menu{
background: #ffffff url('../img/bg_menu.jpg');
background-repeat: no-repeat;
background-position: top right;
text-align: right;
padding: 10px;
width:130px;
background-color:#ffffff;
float:right;
}
#contenido{
text-align: left;
padding: 15px;
width:660px;
background-color:#ffffff;
}
y el HTML es:
Código:
<div id="header">
</div>
<div id="contenedor">
<div id="menu">
</div>
<div id="contenido">
</div>
</div>
<div id="creditos">
</div>
Supuestamente con ese código deberían verse #menu y #contenido uno al lado del otro pero en ie se me ve uno abajo de otro :S
por que puede ser? :(:(:(
gracias de antemano! :D
editado: por si quieren ver como se ve la página la direccion es
http://www.nazablog.com.ar
[SOLUCIONADO]
ya encontré el problema, y es que el IE toma el padding como se le da la regalada gana y eso hacía que los divs #contenido y #menu tuvieran un ancho mayor al del que los contenía, entonces se ponía uno abajo del otro. Lo solucioné recortando espacio x_x
si alguien sabe de una solución mas eficaz porfavor que la comente :D