Creo que lo primero que deberías hacer es declarar el DOCTYPE para "acotar" el comportamiento de los browsers.
A partir de aquí (en teoría) se verá bien o mal, pero en los dos igual. Ya se que esto no es una solución completa, pero creo que es el paso previo a la solución. Saludos, Martí Mundó. -- El 26/07/05, Manuel J. Recena Soto<[EMAIL PROTECTED]> escribió: > Hola a todos: > > Ayer intenté enviar un mensaje con adjunto a la lista y parece que no está > permitido. > > A ver si alguien me puede ayudar. Después de haberle dado varias vueltas, no > encuentro la solución a mi problema. Si accedéis a la siguiente URL con IE > podréis ver como se renderiza el siguiente fragmento de código (html+css): > > http://www.juntadeandalucia.es/obraspublicasytransportes/jsp/estatica.jsp? > ct=1&e=publicaciones/los_andaluces/index.html > > Nota: El siguiente fragmento de código únicamente corresponde con la parte > central de la página, desde donde pone "PUBLICACIONES" hasta "Más > información...". El resto viene dado :) > > -------------------------------- [source] > > <style type="text/css"> > <!-- > #content { > margin: 0px; > width: 557px; > height: 100%; > width: expression('567px'); > padding: 0px 0px 0px 10px; > text-align: left; > border: 0px; > } > > h1 { > color: #FF9900; > font-family: Arial, Helvetica, sans-serif; > font-size: 14px; > margin: 0px 0px 10px 0px; > padding: 10px 0px 0px 0px; > border: 0px; > } > > #header { > margin: 0px; > padding: 0px; > border: 0px; > } > > #header .flecha { > float: left; > margin: 10px 0px 0px 30px; > padding: 0px; > border: 0px; > } > > #header .imagen { > float: right; > margin: 0px; > padding: 0px; > border: 0px; > } > > #header p { > font-family: Arial, Helvetica, sans-serif; > font-size: 11px; > text-align: justify; > margin: 0px 135px 0px 65px; > padding: 10px 0px 0px 0px; > } > > #header p strong { > font-family: Arial, Helvetica, sans-serif; > font-size: 12px; > font-weight: bold; > color: #FF9900; > } > > img.portadaLibro { > border: 0px; > border-top: 10px solid #FF9900; > border-right: 10px solid #FF9900; > margin: 0px 0px 0px 30px; > } > > #footer { > width: 507px; > width: expression('527px'); > margin: 0px 0px 30px 30px; > padding: 10px 10px 10px 0px; > border: 0px; > border-right: 10px solid #FF9900; > border-bottom: 1px dotted #FF9900; > text-align: right; > } > > --> > </style> > <div id="content"> > <div id="header"> > <img class="imagen" src="../estaticas/publicaciones/los_andaluces/header.png" > width="122" height="93" alt="Los Andaluces"> > <h1>PUBLICACIONES</h1> > <img class="flecha" src="../estaticas/publicaciones/los_andaluces/flecha.gif" > width="27" height="27" alt="Titular"> > <p><strong>"Los andaluces"</strong> ha sido galardonado con el > primer premio al mejor libro editado en 2005 en la modalidad de "libros > de arte" por el Ministerio de Cultura.</p> > </div> > <img class="portadaLibro" > src="../estaticas/publicaciones/los_andaluces/los_andaluces.png" width="517" > height="638" alt="Portada del libro: Los Andaluces"> > <div id="footer">Mas información en Publicaciones <a > href="lstHerramienta.jsp?ch=1&ca=1082&cu=3&cd=11824&ext=" target="_self" > title="Mas información en Publicaciones">[+]</a></div> > </div> > > -------------------------------- [/source] > > Los márgenes "mágicos" me aperecen UNICAMENTE en IE, en firefox/safari por > ejemplo no aparecen. Estos márgenes se encuentran: > > 1º) A la derecha de la imágenen superior derecha. > 2º) Entre la imagen centran y el bloque donde pone: "Más infomación en > Publicaciones [+]" > > Básicamente hay dos capas, una para la cabecera donde tengo un titular, un > parráfo y una imagen flotando a la derecha. Luego tengo una imagen que es la > portada de un libro y por último una capa donde he puesto un texto para más > información y un borde a la derecha de 10 pixeles para que coincida con el > que tiene justo encima. > > un saludo y muchas gracias de por adelantado. > > > -- > Manuel J. Recena Soto > * www.manuelrecena.com > * [EMAIL PROTECTED] > * +34 609710280 (ES) > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
