Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/01/2011, 00:10
Avatar de ch3ssmaster
ch3ssmaster
 
Fecha de Ingreso: enero-2011
Mensajes: 97
Antigüedad: 13 años, 3 meses
Puntos: 5
Problema con backgrouns para headers en IE

Saludos, llevo tiempo consultando el foro (desde que decidir aprender html y css) y la verdad es que me habeis ayudado mucho pues he podido resolver multiples problemas consultando aqui, lo que os agradezco enormemente. Pero esta vez ni por esas resuelvo.

He decidido colocar unas imagenes de fondo para los headers del index y en firefox y opera se ve perfectamente pero en IE (IE6 y IE8) nada.

Lo curioso es que lo he puesto en 6 titulos de los que 5 no se ven y unicamente el del centro (recomendados) si se ve pero con un color diferente al que le di a la imagen. Lo he comprobado y la edite con el mismo color del div (#FFA500 ), de hecho en firefox y opera se ve bien. Ya probe a darle a los otros el margin:0px auto y sigue sin funcionar.


Me gustaria saber si es posible solucionarlo sin añadir spans (que no los he probado pero prefiero evitarlos).

La url: http://entrenajedrez.sportsontheweb.net//index.html

el codigo:

/*CSS*/

.recomendados { width:459px; height:120px; background: url(objetos/recomendados.png) no-repeat; display:block; margin:0px auto; overflow:hidden; text-indent:-999%; }

.ayp { width:270px; height:40px; background: url(objetos/ayp.jpg)no-repeat; display:block; margin:0 0 0 8px; overflow:hidden; text-indent:-999% ; }

.publica { width:280px; height:40px; background: url(objetos/ptp.jpg)no-repeat; display:block; margin:0 0 0 8px; overflow:hidden; text-indent:-999%; }

.bienvenida { width:350px; height:50px; background: url(objetos/bienvenidos.jpg)no-repeat; display:block; margin:0 0 0 8px; overflow:hidden; text-indent:-999%; }

.feds { width:113px; height:16px; background: url(objetos/feds.jpg)no-repeat; display:block; margin:30px 0 0 100px; overflow:hidden; text-indent:-999%; }

.frase { width:220px; height:40px; background: url(objetos/frasebobby.jpg)no-repeat; display:block; margin:30px 0 0 30px; overflow:hidden; text-indent:-999%; }

<!-- html -->

<h2 class="publica">PUBLICA TUS PARTIDAS</h2>

<h1 class="bienvenida">BIENVENIDOS A MI WEB</h1>

<h2 class="ayp">APRENDE Y PROGRESA</h2>

<h2 class="recomendados">SITIOS WEB RECOMENDADOS</h2>

<h2 class="frase">LA FRASE</h2>

Gracias por adelantado y felicitaciones por el foro.

<h2 class="feds">FEDERACIONES</h2>