[Ovillo] Márgenes mágicos

[Manuel J. Recena Soto]

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>&quot;Los andaluces&quot;</strong> ha sido galardonado con el 
primer premio al mejor libro editado en 2005 en la modalidad de &quot;libros 
de arte&quot; 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&oacute;n en Publicaciones <a 
href="lstHerramienta.jsp?ch=1&ca=1082&cu=3&cd=11824&ext=" target="_self" 
title="Mas informaci&oacute;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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo