Hola a todos:
Estoy programando un layaut para un portal y me estoy volviendo loco con los
parámetros por defecto de Internet Explorer y Mozilla.
Mi layout tiene 3 columnas implementadas con divs. Pues bien este código CSS
es interpredo de forma distinta por ie y mozilla:
-----------------------------------------------------------------
<body style="margin: 0px; background-image:url
(estilos/basico/imagenes/fondo_principal.gif); background-repeat:repeat;">
<div style="background-color:#FFFFFF; width: 760px; border: 0px;">
<img src="estilos/basico/imagenes/cabecera.gif" alt="scenesp.org, un
servicio para la demoscene española" width="760" height="80" />
<div id="left" style="float: left; width: 164px; margin: 40px 0px 0px 0px;
padding: 0px 8px 8px 8px;">
<img src="estilos/basico/imagenes/menu_principal.gif" alt="menú
principal" width="97" height="15" />
<p> </p>
<p> </p>
<img src="estilos/basico/imagenes/busqueda_rapida.gif" width="111"
height="15" />
<p> </p>
<p> </p>
</div>
<div id="right" style="float: right; width: 164px; margin: 40px 0px 0px
0px; padding: 0px 8px 8px 8px;">
<img src="estilos/basico/imagenes/scenesp_stats.gif" alt="scenesp
estadísticas" width="95" height="15" />
<p> </p>
<p> </p>
<p> </p>
<img src="estilos/basico/imagenes/scenesp_propaganda.gif" width="141"
height="15" alt="scenesp propaganda"/>
</div>
<div id="center" style="margin: 40px 185px 40px 185px; border-right: 1px
solid #E4E4E4;">
<img src="estilos/basico/imagenes/ultimas_noticias.gif" alt="últimas
noticias" width="106" height="15" />
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="footer">
<div style="float: left; width: 180px; height: 30px; background-
color: #00A6EB; padding: 0px;"> </div>
<div style="float: right; width: 180px; height: 30px; background-
color: #00A6EB; padding: 0px;"> </div>
<div style="margin: 0px 182px 0px 182px; height: 30px; background-
color: #00A6EB;"> </div>
</div>
</div>
</body>
</html>
-----------------------------------------------------------------
Cuando el layout sea definitivo pasare el código CSS inline a un fichero.
Para poder ver como trata este código ie y mozilla estoy haciendo capturas de
pantalla y comprobando todas las propiedades de los CSS.
Mozilla es muy estricto con los CSS, sin embargo IE hace cosas raras con los
márgenes. Si no indico "border" renderiza el espacio o no del border?
Este código es aparentemente muy parecido en uno y en otro navegador, pero
difieren en algunos pixels y da una sensacion muy fea.
A ver si alguien que ya se haya peleado me puede comentar algo.
un saludo y gracias
Manuel Recena
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
