Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] hack y diferentes css

Estas en el tema de hack y diferentes css en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/01/2013, 10:52
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 13 años, 3 meses
Puntos: 1
hack y diferentes css

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
  #2 (permalink)  
Antiguo 06/01/2013, 11:25
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años
Puntos: 2111
Respuesta: hack y diferentes css

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:
Ver original
  1. @-moz-document url-prefix() {
  2.   #algo {
  3.     ...
  4.   }
  5. }
  #3 (permalink)  
Antiguo 06/01/2013, 13:48
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: hack y diferentes css

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!!!
  #4 (permalink)  
Antiguo 06/01/2013, 13:56
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 10 años, 1 mes
Puntos: 641
Respuesta: hack y diferentes css

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.
  #5 (permalink)  
Antiguo 06/01/2013, 17:42
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: hack y diferentes css

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

Gracias
  #6 (permalink)  
Antiguo 06/01/2013, 19:03
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 10 años, 1 mes
Puntos: 641
Respuesta: hack y diferentes css

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.
  #7 (permalink)  
Antiguo 07/01/2013, 03:48
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: hack y diferentes css

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...
  #8 (permalink)  
Antiguo 07/01/2013, 06:47
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 10 años, 1 mes
Puntos: 641
Respuesta: hack y diferentes css

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.
  #9 (permalink)  
Antiguo 07/01/2013, 09:31
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 11 años
Puntos: 187
Respuesta: hack y diferentes css

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
  #10 (permalink)  
Antiguo 07/01/2013, 12:19
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: hack y diferentes css

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
  #11 (permalink)  
Antiguo 07/01/2013, 14:33
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 11 años
Puntos: 187
Respuesta: hack y diferentes css

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.

Última edición por ryugen; 07/01/2013 a las 14:34 Razón: Aclaración
  #12 (permalink)  
Antiguo 07/01/2013, 16:35
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 11 años, 7 meses
Puntos: 181
Respuesta: hack y diferentes css

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
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #13 (permalink)  
Antiguo 07/01/2013, 17:33
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 10 años, 1 mes
Puntos: 641
Respuesta: hack y diferentes css

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.
  #14 (permalink)  
Antiguo 07/01/2013, 19:22
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 11 años, 7 meses
Puntos: 181
Respuesta: hack y diferentes css

Cita:
Iniciado por memoadian Ver Mensaje
Yo fui el primero que dijo eso :/

Pues creo que no lo vio pampa_ ni yo tampoco.




Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #15 (permalink)  
Antiguo 07/01/2013, 20:59
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 10 años, 1 mes
Puntos: 641
Respuesta: hack y diferentes css

Cita:
Iniciado por pitufoweb Ver Mensaje
Pues creo que no lo vio pampa_ ni yo tampoco.
Saludos
es que no lo dije cortésmente

Etiquetas: hack
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 15:18.