Posicionamiento - IE vs FIREFOX

alamarcheta · #1 (**permalink**) 07/03/2006, 06:06

Muy buenas. Estoy con una página donde el texto no se me posiciona bien. En IE sale como yo quiero pero en FIREFOX no. Os dejo el código para ver si me podeis echar una mano.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>WEB</title>

<style type="text/css">
#cont { WIDTH: 734px; height:566px; POSITION: relative; voice-family:inherit; background-color:#FFCC00}
#contenido{position:absolute;width:683px;height:auto;background-color:#F0F0F0;z-index:0;left: 25px;	top: 27px;}
#texto{position:absolute; top:195px; left:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px;color:#0099CC; font-weight:bold}
</style>
</head>
<body>
<div id="cont">
<div id="contenido">
<div id="texto">PRUEBA</div>
<p>VIENA.- El  Gobierno chino ha instado a Ir&aacute;n a cooperar con el Organismo  Internacional de la Energ&iacute;a At&oacute;mica (OIEA), que esta tarde podr&iacute;a  enviar durante la segunda jornada de su <strong>Junta de Gobernadores </strong>el conflicto nuclear al Consejo de Seguridad de la ONU.</p>
<div>
  <div>
    <div><img src="http://external.cache.el-mundo.net/elmundo/imagenes/2006/03/07/1141731431_extras_ladillos_1_0.jpg" alt="El delegado de EEUU junto a El Baradei. (Foto: AP)" title="El delegado de EEUU junto a El Baradei. (Foto: AP)" border="0" height="235" width="180">
        <p>El delegado de EEUU junto a El Baradei. (Foto: AP)</p>
    </div>
    <div></div>
  </div>
</div>
<p>El ministro de Relaciones Exteriores chino, <strong>Li Zhaoxing</strong>,  asegur&oacute; en Pek&iacute;n que el Gobierno de Ahmadineyad, tiene el derecho al  uso pac&iacute;fico de la energ&iacute;a nuclear como firmante del Tratado de No  Proliferaci&oacute;n, pero debe cumplir sus obligaciones con dicho tratado.</p>
<p>El funcionario chino reiter&oacute; que a&uacute;n hay tiempo para una soluci&oacute;n  pac&iacute;fica. Hay que recordar que China y Rusia &mdash;miembros permanente del  Consejo de Seguridad de la ONU y con derecho a veto&mdash; se hab&iacute;an mostrado  siempre contrarios a las sanciones sobre el r&eacute;gimen de Teher&aacute;n.</p>
<p>El director general del OIEA, <a href="http://www.elmundo.es/elmundo/2005/10/07/internacional/1128677248.html">Mohamed El Baradei</a>,  se mostr&oacute; optimista el lunes al decir que podr&iacute;a alcanzarse un acuerdo  "la pr&oacute;xima semana". Al mismo tiempo advirti&oacute; de los riesgos de una  confrontaci&oacute;n entre Ir&aacute;n y la comunidad internacional, algo que  calific&oacute; de <a href="http://www.elmundo.es/elmundo/2006/03/06/internacional/1141638971.html">"contraproducente"</a>.</p>
</div>
</div>
</body>
</html>

Saludos y gracias.

xavi · #2 (**permalink**) 07/03/2006, 06:25

en IE6 y FF 1.5 lo veo igual... mostrar una imagen de referencia para ver qué quieres conseguir y qué puede estar fallando?

alamarcheta · #3 (**permalink**) 07/03/2006, 06:25

El texto el FIREFOX se me posiciona unos 16px mas abajo que en IE. Estoy probando pero no hay manera de posicionarlo igual que en IE. Si meto el texto fuera de la capa "contenido" se posiciona bien pero es que necesito que este en capa. ¿Alguna sugerencia?

alamarcheta · #4 (**permalink**) 07/03/2006, 06:29

Diferencia:

xavi · #5 (**permalink**) 07/03/2006, 07:00

prueba esto, es mucho más limpio y te funcionará en todos los navegadores. Tenías un poco de follón en ese css

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>WEB</title>

 <style type="text/css">
 #content { padding:25px; background:#FC0; width:745px;}
 #text { background:#F0F0F0; position:relative;}
 .image { position:relative; }
 #prueba { position:absolute; top:50px; left:50px;}
</style> 
</head>

<body>
<div id="content">
	<div id="text">
		<p>El ministro de Relaciones Exteriores chino, <strong>Li Zhaoxing</strong>, asegur&oacute; en Pek&iacute;n que el Gobierno de Ahmadineyad, tiene el derecho al uso pac&iacute;fico de la energ&iacute;a nuclear como firmante del Tratado de No Proliferaci&oacute;n, pero debe cumplir sus obligaciones con dicho tratado.</p> <p>El funcionario chino reiter&oacute; que a&uacute;n hay tiempo para una soluci&oacute;n pac&iacute;fica. Hay que recordar que China y Rusia &mdash;miembros permanente del Consejo de Seguridad de la ONU y con derecho a veto&mdash; se hab&iacute;an mostrado siempre contrarios a las sanciones sobre el r&eacute;gimen de Teher&aacute;n.</p> <p>El director general del OIEA, <a href="http://www.elmundo.es/elmundo/2005/10/07/internacional/1128677248.html">Mohamed El Baradei</a>, se mostr&oacute; optimista el lunes al decir que podr&iacute;a alcanzarse un acuerdo "la pr&oacute;xima semana". Al mismo tiempo advirti&oacute; de los riesgos de una confrontaci&oacute;n entre Ir&aacute;n y la comunidad internacional, algo que calific&oacute; de <a href="http://www.elmundo.es/elmundo/2006/03/06/internacional/1141638971.html">"contraproducente"</a>.</p>

	<div class="image">
	<div id="prueba">Prueba</div>
	<img src="http://external.cache.el-mundo.net/elmundo/imagenes/2006/03/07/1141731431_extras_ladillos_1_0.jpg" alt="El delegado de EEUU junto a El Baradei. (Foto: AP)" title="El delegado de EEUU junto a El Baradei. (Foto: AP)" border="0" height="235" width="180">  <p>El delegado de EEUU junto a El Baradei. (Foto: AP)</p>
	</div>

<p>El ministro de Relaciones Exteriores chino, <strong>Li Zhaoxing</strong>, asegur&oacute; en Pek&iacute;n que el Gobierno de Ahmadineyad, tiene el derecho al uso pac&iacute;fico de la energ&iacute;a nuclear como firmante del Tratado de No Proliferaci&oacute;n, pero debe cumplir sus obligaciones con dicho tratado.</p> <p>El funcionario chino reiter&oacute; que a&uacute;n hay tiempo para una soluci&oacute;n pac&iacute;fica. Hay que recordar que China y Rusia &mdash;miembros permanente del Consejo de Seguridad de la ONU y con derecho a veto&mdash; se hab&iacute;an mostrado siempre contrarios a las sanciones sobre el r&eacute;gimen de Teher&aacute;n.</p> <p>El director general del OIEA, <a href="http://www.elmundo.es/elmundo/2005/10/07/internacional/1128677248.html">Mohamed El Baradei</a>, se mostr&oacute; optimista el lunes al decir que podr&iacute;a alcanzarse un acuerdo "la pr&oacute;xima semana". Al mismo tiempo advirti&oacute; de los riesgos de una confrontaci&oacute;n entre Ir&aacute;n y la comunidad internacional, algo que calific&oacute; de <a href="http://www.elmundo.es/elmundo/2006/03/06/internacional/1141638971.html">"contraproducente"</a>.</p>
</div>
</div>
 </body>
 </html>

alamarcheta · #6 (**permalink**) 07/03/2006, 09:39

Gracias por la respuesta pero sigue fallando.

xavi · #7 (**permalink**) 07/03/2006, 11:54

... qué tal si pruebas algo tu mismo? tipo ponerle overflow:hidden y quitar el margen superior de los P de #texto...

alamarcheta · #8 (**permalink**) 07/03/2006, 12:02

Estoy probando, pero no hay manera de hacerlo funcionar.

Jorolo · #9 (**permalink**) 07/03/2006, 17:29

Hola a todos, hola alamarcheta.

Resulta llamatico que ese padding naranja sea más alto que estrecho. Los padding superior e inferior se ven mas gruesos que los laterales. esto es a causa del margin de los parrafos

Prueba poniendo y quitando:
p { margin: 0;}

¡Ojo! esta no es la solución, solo es la visualización del problema.

alamarcheta · #10 (**permalink**) 08/03/2006, 02:50

No es la solución pero puede valer. Gracias Jorolo y xavi.

Saludos