Hola: Muchas gracias por contestar. Suponía que alguien contestaría eso pero es que no puedo tomar el documento, es decir, el único contenido que yo puedo gestionar está en el centro de la web. Una página JSP leer un archivo html que lo proporciono y lo incluye dentro de la estructura.
Pero es muy extraño el margen de dos pixels justos. un saludo On Tue, 26 Jul 2005 09:21:12 +0200, mmundo wrote > 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 -- 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
