Quemado con css Explorer y Firefox

[Puck2099]

Buenas,

Cuando ya tenía terminada la estructura de mi nueva web (a falta de meter los contenidos) se me ocurre probarla en el Explorer y cual es mi sorpresa que veo que se descoloca todo :mad:

Tanto en Firefox como en Opera se ve igual de bien, pero al pasar al Explorer las tablas y divisiones que tengo hechas con tamaño fijo usando CSS veo que aumentan o disminuyen en un par de píxeles (me da que tiene algo que ver con el borde).

¿Alguien que entienda de esto sabe si es normal que haya esas diferencias y alguna forma de hacerlo uniforme?

La verdad es que me tiene quemadísimo, llevo perdido todo el día cuando tendría que estar con el TFC... :(

[pakoito]

Solo por curiosidad, ¿que versión de IE?

[Wave]

Es normal, en Explorer esta mal hecho, y tendras que hacer cosas feas en tus css para que se vea bien en él. Death to explorer. Si es una web personal diles que se bajen firefox, que explorer es una mierda xD

[Puck2099]

Solo por curiosidad, ¿que versión de IE?

Tanto la 6 como la 7.

< - >

Es normal, en Explorer esta mal hecho, y tendras que hacer cosas feas en tus css para que se vea bien en él. :)

Pues lo curioso es que parece que es Firefox y Opera los que añaden píxeles de más (osea, yo pongo un ancho de 700 con 1 píxel de borde y me ponen 702 contando el borde...).

De todas formas justo ahora acabo de descubrir algo que puede ser la fuente de mis problemas...

< - >
Pues efectivamente, he salido del paso con el !important... ¿tanto costará seguir los estándares al hacer navegadores?

[AOJ]

IExplore no sigue los standards, as&#237; que ya sabes de qui&#233;n es la culpa. Firefox y Opera los siguen muy bien, aunque fallan en determinados casos excepcionales (complicaciones de reglas).

Siempre puedes hacer chapuzas (a&#241;adir un javascript que, seg&#250;n el navegador elija un CSS u otro; por ejemplo), o bien un dise&#241;o que no descuadre con nada (pero no podr&#225; ser muy complejo).

Por cierto, no intentes ver tu web con un Explorer 5 o navegadores viejos. Te vas a deprimir mucho xD

[enkonsierto]

es verdad que es jodido ajustar el css para que valgan para ambos navegadores, pero con dedicaci&#243;n se consigue...

[Wave]

Tanto la 6 como la 7.

< - >


Pues lo curioso es que parece que es Firefox y Opera los que a&#241;aden p&#237;xeles de m&#225;s (osea, yo pongo un ancho de 700 con 1 p&#237;xel de borde y me ponen 702 contando el borde...).

De todas formas justo ahora acabo de descubrir algo que puede ser la fuente de mis problemas...

< - >
Pues efectivamente, he salido del paso con el !important... &#191;tanto costar&#225; seguir los est&#225;ndares al hacer navegadores?
<HablandoSinSaber>
No ser&#225; que el borde es a parte? osea 700 + 2* 1 = 702
</HablandoSinSaber>

[Puck2099]

<HablandoSinSaber>
No será que el borde es a parte? osea 700 + 2* 1 = 702
</HablandoSinSaber>

Pues no lo sé, ya es cosa de interpretación, Opera y Firefox se ve que no lo incluyen y Explorer sí...

[^MiSaTo^]

Bienvenido al maravilloso mundo de los navegadores web xD

[PharaOnyx]

Pues no lo s&#233;, ya es cosa de interpretaci&#243;n, Opera y Firefox se ve que no lo incluyen y Explorer s&#237;...
Es normal: el 'box model (http://www.builderau.com.au/program/css/soa/Understanding-the-CSS-box-model/0,339028392,339269220,00.htm)' (la forma de calcular el tama&#241;o que ocupan las cosas en pantalla) de unos y otros es diferente. Por suerte, hay apa&#241;os (http://webdesign.about.com/od/css/a/aaboxmodelhack.htm) para que Internet Explorer se comporte algo mejor...

Saludos, Alex

[chemaris]

a mi me pasaba o mismo con los bordes, no veas lo que puede descolocar un par de pixeles, pero con paciencia y tiempo se puede adaptar para todos navegadores

[josepzin]

Hace poco prob&#233; un framework CSS y si en algo me sorprendi&#243; fue que se ve bien en todas partes, sin importar el explorador.

Yo hace rato que aprend&#237; (por las malas) cuales son las cosas que dan problemas y no las uso, o si tengo que usarla ya s&#233; que dar&#225; problema y le aplico el correspondiente "hack".

PD: el framework CSS se llama Blue Print y la verdad es que funciona muy bien, entre otras lindezas, incluye la version para imprimir, reseteado de elementos, etc. Es f&#225;cil de usar. http://www.tufuncion.com/blueprint-framework-css