[SOLUCIONADO] hack y diferentes css

[pampa_]

hola a todos!

Estoy intentando que mi web se vea bien en todos los navegadores, empece desarrollandola en Firefox, pero luego a me decline por el Chromium.

En fin ahora quiero hacer para que se vea bien en IE, Firefox, Chorme y Chromium.

He leido acerca de los hack pero mucha gente dicen que ensucian mucho el codigo.

Asi que creo que lo mejor seria, usar los <!--[if ...>

¿Como puedo diferencia entre chrome, firefox y chormium? porque con IE lo tengo claro.

¿Que opinais al hacerlo con diferentes css?

Gracias

[pzin]

Los comentarios condicionales sólo existen para IE. Fue en su día la chapuza que se sacó Microsoft de la manga para que los demás arreglen su navegador.

No he usado Chromium, así que no sé muy bien si habrán diferencias de cómo interpretará CSS respecto a Chrome. Aunque supongo que no debería. Así que sin saberlo de forma fehaciente te diría que lo que hagas usando Chromium debería de verse igual que en Chrome.

Y para Firefox yo siempre uso algo así para reatribuir sólo lo que haga falta:

Código CSS:

@-moz-document url-prefix() {
  #algo {
    ...
  }
}
 

[pampa_]

Vale muchas gracias, intentare arreglar asi el Firefix, el tema es que si que hay diferencias entre chromium y chrome, cuando lo vi tambien me quede un poco parado, pero ciertas cosas que estan en su sitio en Chromium luego las veo con el chrome y estan una linea bajadas etc...

Gracias por tu respuesta... intentare arreglar IE y Firefox!!!

[memoadian]

Lo que deberías hacer es maquetar e ir viendo como va quedando en todos los navegadores posibles, Firefox, Chrome, Opera, Safari e IE9 siguen los estandares muy bien, si hay diferencias entre como ves tu web en ellos, seguramente no sigues los estándares.

[pampa_]

explicate un poco mejor, dime como lo haces tu. Quiero aprender.

Gracias

[memoadian]

Así como te dije "voy maquetando y viendo los resultados en cada uno de los exploradores"

de esa forma me aseguro que reglas toman de la misma manera cada uno, y que reglas de manera diferente.

[pampa_]

puede ser que un navegador se vea diferente dependiendo del SO?? es que no es normal porque estoy viendo la web desde linux chrome y desde windows chrome y se ven cositas diferentes, botones que estan en el mismo nivel en linux y en windows me lo pone en la linea de abajo...

[memoadian]

Si, es posible, por supuesto.

existe la filosofía modernizr, que dice que no es necesario que una web se vea pixel a pixel igual en todos los navegadores, basta con que conserve la idea y sea funcional.

puedes ir a http://modernizr.com y probarla en diferentes navegadores para que veas lo que te digo, claro que ellos lo llevan un poco más adelante.

[ryugen]

Mi primer pensamiento tras construir una web (no habiendo usado caracteristicas exclusiva de un único navegador) es que si la página no se ve bien en Chrome y Firefox es porque algo debo de haber hecho mal.

No trato de aplicar fixed. Generalmente se trata de que apliqué mal una regla o olvidé de definir algo.

Frente a estos, comienzo validando el HTML/XHTML y el CSS. Para evitar que los navegadores no me estén aplicando sus algoritmos de correción de documentos.

Luego chequeo el modelo de cajas para los que considero que pueden ser elementos problematicos.

Generalmente estos dos pasos solucionan la mayoría de los problemas.

Por otra parte las páginas en una misma PC en dos SO distintos pueden verse diferentes porque por lo general utilizan distintos DPI. Puedes leer más aquí: http://en.wikipedia.org/wiki/Dots_pe..._DPI_standards

[pampa_]

os paso un enlace de mi web para que me ayudeis un poco a intentar comprender y desarrollar este caos...
http://www.levanteautomocion.com/pag...i-6275-660.php

Este ejemplo tu miras la parte del "contacta ahora" los inputs donde escribes el nombre, email etc...
Esos inputs tienen un tamaño usando linux y el navegador el chrome, y otro tamaño usando Windows y el Chrome... como puedo hacer para que tengan el mismo??

Gracias

[ryugen]

En estos casos lo que suelo hacer es fijarme como lo han resueltos los grandes de la Web para inspirarme un poco.

Por ejemplo, para resolver esta clase de problemas, reviso los CSS de otras páginas.

Grandes ejemplos para ayudarte pueden ser:

Google
Twitter (con la facilidad además que nos da Bootstrap)

Yo por lo general para resolver temas de UI espío un poco como ellos han resuetos esos problemas.

Ah! No hay una forma de lograr que se vean exactamente iguales. Estos ejemplos te ayudaran a aproximarte mucho, pero nunca hacer algo 100% igual.

[pitufoweb]

Como dice ryugen; No puedes hacer que se vean 100% igual en todos los navegadores, pero si puedes hacer que se vean y funcione bien en la mayoría de ellos.

Lo primero que tienes que hacer es encontrar y corregir los errores del HTML, CSS y Javascript .

Algunos elementos de HTML, CSS y Javascript tiene un comportamiento diferente en algunos navegadores, otras cosas ni funcionan siquiera. Tienes que identificar cuales cosas son las que no funcionan y buscar alguna otra forma de hacerlas funcionar.





Saludos

[memoadian]

Yo fui el primero que dijo eso :/

en fin, a mi me pasaba, que cuando tenía un diseño muy avanzado, y se veia mal en varios navegadores, arreglarlo era más dificl que empezarlo de nuevo desde cero y tratando de ver mis fallos, y comportamientos en distintos navegadores, lo primordial es que el esqueleto que de bien, es decir, header, footer, navbar, sidebar, main, etc.

y después de tener el esqueleto como me gusta, añadirle los detalles, es como hacer un retrato, una obra de arte, primero las bases, y luego los maravillosos detalles que hacen que sea único.

[pitufoweb]

Iniciado por memoadian

Yo fui el primero que dijo eso :/

Pues creo que no lo vio pampa_ ni yo tampoco.




Saludos

[memoadian]

Iniciado por pitufoweb

Pues creo que no lo vio pampa_ ni yo tampoco.
Saludos

es que no lo dije cortésmente