Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/08/2012, 09:15
minombreesmm
 
Fecha de Ingreso: agosto-2012
Ubicación: M.
Mensajes: 2.031
Antigüedad: 12 años, 5 meses
Puntos: 52
Problema con css, y html en diferentes navegadores.

Hola colegas
lo que pasa es que estaba haciendo mi pagina basandome en chrome.
luego vi en firefoz, internet explorer y opera y no se veia igual la pagina. y eh batallado en eso.
y luego descargue el safari, y alli se ve peor. entonces
en que me baso o como puedo hacer para que el css se vea igual en todos los exploradores?
osea esta acomodado todo con divs, pero el safari no le importa.
ese es el que lo muestra mas diferente aun.
ya que tengo un video con alto y ancho en un div. y el safari no le importa lo alto y lo muestra todo largo :S
como hace twitter para tener la misma apariencia en cualquier navegador?
y que otros navegadores debo tomar en cuenta antes de lanzar mi pagina web?

encontre esto.
es bueno? http://www.cristalab.com/tutoriales/como-ver-igual-tu-pagina-en-todos-los-navegadores-con-css-c57247l/

viene esto
Código CSS:
Ver original
  1. .div {margin-bottom:20px;   /* se verá en todos los navegadores */
  2.       #margin-bottom:15px;  /* en todos los IE, se verá con 15px */
  3.       //margin-bottom:15px; /* este hack, es equivalente al anterior: todos los IE */
  4.       _margin-bottom:10px;  /* en todos los IE6, o inferior, se verá con 10px */
  5. }
esta linea
Código CSS:
Ver original
  1. #margin-bottom:15px;  /* en todos los IE, se verá con 15px */
va tal y como esta?
la clase .div puede ser cualquier nombre supongo
no se si estoy en lo correcto
pero no entiendo como es que el css le dice al explorador que agarre esa linea.
alguien sabe?

entonces investigare sobre reglas css para navegadores. o con que termino deberia investigar?

Última edición por minombreesmm; 21/08/2012 a las 09:25