Bueno acabo de empezar con Css y este es mi primer post.
Estoy comenzando a rediseñar una página utilizando las hojas de estilo pero me encuentro que en FireFox me funciona perfectamente y no en el IE. En firefox me cambia la imagen según cambio la clase, pero en IE si meto la primera clase funciona bien y mal para el resto.
La idea era crear otras clases para modificar una capa en el pie, los H1, H2, ...
Tengo el siguiente código CSS :
Código:
#cabecera{
height: 143px;
font-size: 10px;
line-height: 11px;
}
#cabecera.menuCat1{ background: url(imagenes/cabeceraCat1.jpg) no-repeat right bottom; }
#cabecera.menuCat2{ background: url(imagenes/cabeceraCat2.jpg) no-repeat right bottom; }
#cabecera.menuCat3{ background: url(imagenes/cabeceraCat3.jpg) no-repeat right bottom; }
#cabecera.menuCat4{ background: url(imagenes/cabeceraCat4.jpg) no-repeat right bottom; }
#cabecera.menuCat5{ background: url(imagenes/cabeceraCat5.jpg) no-repeat right bottom; }
#cabecera.menuCat6{ background: url(imagenes/cabeceraCat6.jpg) no-repeat right bottom; }
#cabecera.menuCat7{ background: url(imagenes/cabeceraCat7.jpg) no-repeat right bottom; }
Y luego lo uso con :
Código:
<div id="cabecera" class="menuCat2">