Aplicar estilos de acuerdo al navegador

[luzzifer]

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:

<div class="precio_gol1"><img width="799" height="238" alt="" src="banner_gol_5p.png" class="" style="float: left;  ">
                <div class="gol_5p"><span style="color: rgb(255, 255, 255); font-family: Tahoma; font-weight: bold; font-size: 26px;">$ 2.135</span></div>
                <div class="cuotas1"><span style="color: rgb(037, 034, 027); font-family: Tahoma; font-weight: bold; font-size: 10px;">CUOTAS DESDE</span></div>
                <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>
                </div>
 

Y para darle sentido a eso en css utilizo lo siguiente:

Código CSS:

.gol_5p              {
                              position: absolute;
                              top: 490px;
                              right: 35px;
                    }
.cuotas1            {
                              position: absolute;
                              top: 470px;
                              right: 40px;
                    }
.u-lista                    {
                              position: absolute;
                              top: 540px;
                              left: 245px;
                    }
 

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.

[Rafael]

Hum. No utilices el position absolute para (casi) nada.

Lo de estilos para cada navegador ya no se usa.

Para lo del mobil usa media queries.

[peperafa]

Buenas,

Para los tamaños de los estilos utiliza media queries como dice Rafael y para los navegadores utiliza los hacks, estas son las soluciones más elegantes.

Saludos!

[luzzifer]

gracias rafael y peperafa, para orientarme mas en la ayuda, tendrian algun enlace que puediera leer?. de los hack? desde ya muchas gracias.

[Rafael]

Lo de los hacks ya no se usa. Haz tu sitio bien hecho y ya.

[peperafa]

http://browserhacks.com/

Hay muchos ejemplos de todos gustos en internet solo googlea.