Diferenciar estilos css

[fanny0]

Quiero diferenciar los estilos css para diferentes navegadores, para empezar el firefox al ie, lo estoy testeando sólo con el ie9 mientras tanto y no me resulta ..así lo tengo

#pvmc-menu li.level0 {

float:left;

display:block;

text-align:center;

padding: 0px 2px 0px 0px;

margin:0px;

border:none;

list-style:none;

font-size:15px; /* All browsers */

*font-size:14px; /*ie*/

line-height:20px;

font-family:Arial, Helvetica, sans-serif;

background:url(../images/category-divider.gif) right top no-repeat;

position:relative;
font-weight:bold;

y

#pvmc-menu li a {

color: #686868;

display:block;

outline:0;

text-decoration:none;

text-transform:capitalize;

padding:17px 25px 11px 25px; /* All browsers */

*padding:17px 27px 11px 27px; /*ie*/

background:url(../images/bt_categoria.jpg) left top repeat-x #232323;

text-align:center;

position:relative;

[pzin]

No tengo instalado IE así que no he podido probarlo. Pero yo creo que ese hack que aplicas sólo funciona en versiones IE7 y/o anteriores —no sé si anteriores o no, pero estoy casi seguro de que en IE9 no funciona.

[fanny0]

le coloqué *font-size:14px important!; /*ie7*/

y me funciona para todas las versiones del ie

ahora tengo problemas con el chrome... como debería colocarle???

[ArturoGallegos]

si creas un código totalmente valido no tienes la necesidad de hacer CSS diferente para cada navegador, te recomiendo pases a www.librosweb.es y le des una repasada.

también puede que necesites aplicar un reset CSS

y si aun así necesitas diferentes estilos para IE, crea un nuevo archivo CSS y colócalo después del principal mediante comentarios IE, checa el siguiente link para que conozcas como aplicar condicionales.

http://www.quirksmode.org/css/condcom.html

[fanny0]

el problema no es que le css esté malo, si no que la imagen mide 1000px y necesito calzar el menu a la imagen, lo cual no me resulta de la misma forma en los diferentes navegadores

http://piedrasaustrales.com

[pitufoweb]

solo tendrías que darle un ancho a cada elemento del menú y que en total sumen 1000 px

Solo necesitas papel y lápiz y hacer bien las cuentas.




Saludos

[fanny0]

Eso es lo que he intentado todo el tiempo... pero para cada navegador necesito un ancho diferente, un padding diferente... se entiende??

[pitufoweb]

bueno, creo que no me entendiste.

Dales un ancho (width) y olvidate del padding.



Saludos