Foros del Web » Creando para Internet » CSS »

Posicionamiento - IE vs FIREFOX

Estas en el tema de Posicionamiento - IE vs FIREFOX en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/03/2006, 06:06
Avatar de alamarcheta  
Fecha de Ingreso: mayo-2005
Ubicación: Isla Mêlée
Mensajes: 502
Antigüedad: 12 años, 7 meses
Puntos: 1
Pregunta Posicionamiento - IE vs FIREFOX

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.

Última edición por alamarcheta; 07/03/2006 a las 06:30
  #2 (permalink)  
Antiguo 07/03/2006, 06:25
 
Fecha de Ingreso: abril-2005
Mensajes: 76
Antigüedad: 12 años, 8 meses
Puntos: 0
en IE6 y FF 1.5 lo veo igual... mostrar una imagen de referencia para ver qué quieres conseguir y qué puede estar fallando?
__________________
* Si hubiera previsto las consecuencias, me hubiera hecho relojero.
  #3 (permalink)  
Antiguo 07/03/2006, 06:25
Avatar de alamarcheta  
Fecha de Ingreso: mayo-2005
Ubicación: Isla Mêlée
Mensajes: 502
Antigüedad: 12 años, 7 meses
Puntos: 1
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?
  #4 (permalink)  
Antiguo 07/03/2006, 06:29
Avatar de alamarcheta  
Fecha de Ingreso: mayo-2005
Ubicación: Isla Mêlée
Mensajes: 502
Antigüedad: 12 años, 7 meses
Puntos: 1
Diferencia:
  #5 (permalink)  
Antiguo 07/03/2006, 07:00
 
Fecha de Ingreso: abril-2005
Mensajes: 76
Antigüedad: 12 años, 8 meses
Puntos: 0
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>
__________________
* Si hubiera previsto las consecuencias, me hubiera hecho relojero.

Última edición por xavi; 07/03/2006 a las 07:18
  #6 (permalink)  
Antiguo 07/03/2006, 09:39
Avatar de alamarcheta  
Fecha de Ingreso: mayo-2005
Ubicación: Isla Mêlée
Mensajes: 502
Antigüedad: 12 años, 7 meses
Puntos: 1
Gracias por la respuesta pero sigue fallando.
  #7 (permalink)  
Antiguo 07/03/2006, 11:54
 
Fecha de Ingreso: abril-2005
Mensajes: 76
Antigüedad: 12 años, 8 meses
Puntos: 0
... qué tal si pruebas algo tu mismo? tipo ponerle overflow:hidden y quitar el margen superior de los P de #texto...
__________________
* Si hubiera previsto las consecuencias, me hubiera hecho relojero.
  #8 (permalink)  
Antiguo 07/03/2006, 12:02
Avatar de alamarcheta  
Fecha de Ingreso: mayo-2005
Ubicación: Isla Mêlée
Mensajes: 502
Antigüedad: 12 años, 7 meses
Puntos: 1
Estoy probando, pero no hay manera de hacerlo funcionar.
  #9 (permalink)  
Antiguo 07/03/2006, 17:29
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
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.

Última edición por Jorolo; 08/03/2006 a las 11:07
  #10 (permalink)  
Antiguo 08/03/2006, 02:50
Avatar de alamarcheta  
Fecha de Ingreso: mayo-2005
Ubicación: Isla Mêlée
Mensajes: 502
Antigüedad: 12 años, 7 meses
Puntos: 1
No es la solución pero puede valer. Gracias Jorolo y xavi.

Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:01.