Texto en div

[Reverberante]

Hola de nuevo. Al meter un breve texto en un div, resulta que la palabra puesta dentro queda centrada en el div en Firefox, pero en IE aparece en la mitad superior del div.
El código usado es:

#divtexto {
width: 60px;
position: relative;
background: white;
text-align: center;
display: block;
}

¿Cómo se explica esa diferencia entre ambos navegadores?

[kseso?]

Eso posiblemente se deba a que los navegadores por defecto asigna ciertas propiedades a los distintos elementos. Propiedades que no concuerdan de unos a otros.

Es buena práctica poner a cero el css (reset css).
Añade al inicio de tu hoja de estilos esta línea:

Código css:

* {margin:0;padding:0; border:0; position: relative;}
 

Pues supongo que estás utilizando un doctype correcto en tu html.

Un saludo

[Phoenix23]

hola,
eso es porque cada navegador lee los css a su manera e incluso con distintas versiones tb pasa. Pruebalo en IE6 e IE7 ya veras que distinto se ve. Para solucionar eso hay unos hacks. Si buscas en internet diferenciar entre IE y firefox css encontraras como amoldarlo a los distintos navegadores

Saludos

[willyfc]

Iniciado por Phoenix23

hola,
eso es porque cada navegador lee los css a su manera e incluso con distintas versiones tb pasa. Pruebalo en IE6 e IE7 ya veras que distinto se ve. Para solucionar eso hay unos hacks. Si buscas en internet diferenciar entre IE y firefox css encontraras como amoldarlo a los distintos navegadores

Saludos

Tienes razón solo en la primera parte, el uso de hacks no es recomendado, si bien es cierto la diferencia de lectura entre las tecnologías que utilizan los distintos navegadores casí todo es solucionable, es trabajoso nadie lo niega pero si se pueden solucionar y a tener que utilizar hacks para lograr más compatibilidad es mejor utilizar comentarios condicionales para poder hacer diferencia entre navegadores.

Cuando se trata de algunas bugs que tiene IE6 también hay forma de solucionarlas como los png transparentes, la pocisión fija o la letra capital, yo algunas veces para solucionar ese tipo de cosas utilizo el script de Dean Edwards.

Bueno como verás no son tan necesarios los usos de hacks.

Con respecto al problema del compañero estoy de acuerdo con Kseso?.

[Reverberante]

Es buena práctica poner a cero el css

Es una buena recomendación, kseso?; de hecho mi hoja de estilos está encabezada precisamente por ese código -bueno, por los dos primeros parámetros-, aunque no parece influir en el problema en cuestión.

Cuando se trata de algunas bugs que tiene IE6 también hay forma de solucionarlas como los png transparentes, la pocisión fija o la letra capital, yo algunas veces para solucionar ese tipo de cosas utilizo el script de Dean Edwards.

Voy a echar un vistazo a esas alternativas, que en mi calidad de principiante desconozco. Los png transparentes ¿se supone que son imágenes transparentes que hacen las veces de divs? La posición fija ¿es una expresión equivalente a posicionamiento absoluto)?

Bien, iré mirando esas cosas, sin olvidar por si acaso los hacks que menciona Phoenix23

Un saludo y gracias por vuestras respuestas.

[kseso?]

En este caso juega también con la propiedad 'line-height'

[Reverberante]

Queda anotado, gracias. -:)