Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/08/2016, 10:12
Avatar de luzzifer
luzzifer
 
Fecha de Ingreso: julio-2009
Ubicación: Paraná - Argentina
Mensajes: 169
Antigüedad: 14 años, 9 meses
Puntos: 3
Pregunta Aplicar estilos de acuerdo al navegador

Hola, antes que nada quiero aclarar que soy nuevo en css y algo experimentado en html, estoy armando una web propia y he logrado hacerla ver bien en firefox, y algo medianamente bien en chrome, pero no esta del todo finita, tambien me gustaria que se pueda visualizar correctamente desde un movil con resolucion de 480px o similar al de una tablet o telefono de gama media,

quisiera saber si hay alguna forma en css de poder dar estilo dependiendo del navegador a una misma etiqueta, el conflicto lo tengo con las letras que superpongo en las imagenes.

Este es el sitio CLICK AQUI!!

Por ejemplo en el código del banner del auto uso el codigo siguiente:
Código HTML:
Ver original
  1. <div class="precio_gol1"><img width="799" height="238" alt="" src="banner_gol_5p.png" class="" style="float: left;  ">
  2.                 <div class="gol_5p"><span style="color: rgb(255, 255, 255); font-family: Tahoma; font-weight: bold; font-size: 26px;">$ 2.135</span></div>
  3.                 <div class="cuotas1"><span style="color: rgb(037, 034, 027); font-family: Tahoma; font-weight: bold; font-size: 10px;">CUOTAS DESDE</span></div>
  4.                 <div class="u-lista"><span style="color: rgb(246, 246, 246); font-family: Tahoma; font-weight: bold; font-size: 11px;">&nbsp;&nbsp;Precio<br>&nbsp;&nbsp;de lista:<br>$ 186.478</span></div>
  5.                 </div>

Y para darle sentido a eso en css utilizo lo siguiente:
Código CSS:
Ver original
  1. .gol_5p              {
  2.                               position: absolute;
  3.                               top: 490px;
  4.                               right: 35px;
  5.                     }
  6. .cuotas1            {
  7.                               position: absolute;
  8.                               top: 470px;
  9.                               right: 40px;
  10.                     }
  11. .u-lista                    {
  12.                               position: absolute;
  13.                               top: 540px;
  14.                               left: 245px;
  15.                     }

Eso lo hago para ubicar el texto y los precios dentro de la imagen y orientado para firefox, pero me gustaría saber como debo orientar las mismas etiquetas para otros navegadores.

Aclaro si algo ven que esta mal y me lo quieren remarcar así igual la manera en que trabajo tiene todo el derecho ya que recién estoy adentrándome en esto y deseo aprender de la mejor manera posible.

Desde ya gracias de antemano.