Foros del Web » Creando para Internet » CSS »

Problemas con Clases en IE

Estas en el tema de Problemas con Clases en IE en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/07/2005, 03:57
 
Fecha de Ingreso: noviembre-2004
Mensajes: 4
Antigüedad: 19 años, 5 meses
Puntos: 0
Problemas con Clases en IE

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=&quot;cabecera&quot; class=&quot;menuCat2&quot;>
  #2 (permalink)  
Antiguo 21/07/2005, 04:13
 
Fecha de Ingreso: noviembre-2004
Mensajes: 4
Antigüedad: 19 años, 5 meses
Puntos: 0
Pregunta

Encambio, esto si me funciona :
Código:
h1{
	text-align: left;
	font-weight:bold;	
	font-size: 14px;
	line-height: 14px;
	font-family: Tahoma, Arial, sans-serif;
}
h1.menuCat1 { color:#FFC600; }
h1.menuCat2 { color:#6A9B00; }
h1.menuCat3 { color:#FFC0A6; }
h1.menuCat4 { color:#FAA21B; }
h1.menuCat5 { color:#D77997; }
h1.menuCat6 { color:#BADB64; }
h1.menuCat7 { color:#91D7FF; }
Para
Código:
	<h1 class="menuCat1">Encabezado 1</h1>
  #3 (permalink)  
Antiguo 21/07/2005, 09:47
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 20 años, 10 meses
Puntos: 1
no se si haya sido solo cuestion de cuando pegaste tu codigo aqui, pero asegurate que tengas en vez de:
<div id=&quot;cabecera&quot; class=&quot;menuCat2&quot;>
<div id="cabecera" class="menuCat2">
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #4 (permalink)  
Antiguo 26/07/2005, 10:03
 
Fecha de Ingreso: noviembre-2004
Mensajes: 4
Antigüedad: 19 años, 5 meses
Puntos: 0
Fue al pegarlo.

Nadie sabe porque ocurre esto ... si lo más seguro es que esté haciendo algo mal.

Venga, dadme un tirón de orejas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:39.