Problema con Firefox y Explore

Lord · #1 (**permalink**) 02/05/2007, 19:29

Hola tengo un problema.

Estoy haciendo una pagina en css y html, pero al verla en Explorer el ancho de al etiqueta es mas amplio que el de Firefox, como el doble.

Como soluciono esto, ya que eso afecta el estilo de mi pagina web.

gracias, saludos.

kaninox · #2 (**permalink**) 02/05/2007, 20:26

en firefox cuando pones un texto asi

hola 
hola 

el ultimo hola solo indica que viene algo despues para IE es un salto son como 8px a 10px mas menos :P

pues si quieres que en los dos se vea igual prueba maqueteando, si es muy jodido por solo texto, pues solo pone una table cellspacing="0" cellpadding="0"
border="0" y en su td le das el height que deseas :P no es la mejor forma pero a veces saca de apuros :P

saludos

Lord · #3 (**permalink**) 02/05/2007, 21:05

Cita:

Iniciado por kaninox

en firefox cuando pones un texto asi

hola 
hola 

el ultimo hola solo indica que viene algo despues para IE es un salto son como 8px a 10px mas menos :P

No sabia eso.

gracias lo probare.

Yaraher · #4 (**permalink**) 02/05/2007, 22:46

¿Podrías poner el código que utilizas con el y su respectivo id y clase de CSS?

Es curioso el efecto, no puedo decir haberlo experimentado antes.

Sólo un comentario adicional, lo correcto en el caso del ejemplo presentado por kaninox sería:

 Hola
 Hola

Por definición, el breakrow se debe colocar antes del contenido que se dibujará tras el salto de línea.

Y eso sí, debemos evitar en lo posible ajustes y parches sobre un buen diseño y maquetado. Y más aún si son con tablas.

Lord · #5 (**permalink**) 06/05/2007, 13:11

Cita:

Iniciado por Yahir

¿Podrías poner el código que utilizas con el y su respectivo id y clase de CSS?

Claro.

Index.htm

Código HTML:

<div class="marco">
	<h1>Noticias</h1>
	<h3>Ofrecen premio por hackear una Macintosh</h3>
	<p>Los organizadores de conferencia de seguridad informática han convocado a un concurso para hackers. El premio mayor es una computadora Macintosh.</p>
	<a href="noticia.htm#principal" class="e interno">&nbsp;Ver mas..</a>
</div>

Class

Código:

.marco	{
		padding: 0px ;
		border: 1px solid #1E679A;
		width: 660px;}
.einterno	{
		font-size: .9em;
		font-family: Helvetica;
		color: #217a2b;
		text-decoration: none;
		float: right;
		}

Tal vez la clase del LINK es es problema, o no lo se pero por el momento encontré una solución temporal, pero no creo que sea lo mas adecuada. Agregue entre las etiquetas <HEAD></HEAD> el siguiente código:

Código HTML:

<!--[if lt IE 7]>
	<link href="estilo/ie.css" rel="stylesheet" title="stylelio" type="text/css"></link>
<![endif]-->

Css

Código:

.br {line-height: 0px;}

Así lo utilizo:

Código HTML:

<br class="br"></br>

Me funciona, el espacio del se reduce como a un 50% en IE, y en Firefox permanece intacto. Pero creo que seria mucho mejor encontrarle una lógica a este problema.

Escucho sus sugerencias, gracias.

Problema con <br> Firefox y Explore