Foros del Web » Creando para Internet » CSS »

Fondo capa desaparece al meter imagen de fondo en capa contenedor (en IE)

Estas en el tema de Fondo capa desaparece al meter imagen de fondo en capa contenedor (en IE) en el foro de CSS en Foros del Web. Hola, tengo una capa contenedor con otra capa dentro a la que le he puesto esquinas redondeadas y un color de fondo con css. Esto ...
  #1 (permalink)  
Antiguo 04/10/2011, 09:44
 
Fecha de Ingreso: abril-2009
Mensajes: 13
Antigüedad: 13 años, 11 meses
Puntos: 0
Fondo capa desaparece al meter imagen de fondo en capa contenedor (en IE)

Hola, tengo una capa contenedor con otra capa dentro a la que le he puesto esquinas redondeadas y un color de fondo con css. Esto funciona en todos los navegadores. El problema es que necesito meter una imagen de fondo en la capa contenedor y al hacerlo, la capa contenido pierde el color de fondo, las esquinas... ¡todo!
Estoy empezando con esto y no tengo idea de porque falla. ¿Alguien sabe porque ocurre esto? he buscado en foros y demás pero no encuentro nada.
Muchas gracias.

html:

<div id="fondo">
<div id="cuadrado">
<h1>prueba</h1>
</div>
</div>


css:

#contenido{
width: 200px;
height: 200px;
background: #ffbf63;
border: 1px solid #d17b00;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior: url(./script/PIE.htc);
margin: 0 auto;


}
#contenedor{
width: 300px;
height: 300px;
background-image: url(../../images/fondoForm.jpg); /* al añadir esto surge el problema*/
}
  #2 (permalink)  
Antiguo 04/10/2011, 09:45
 
Fecha de Ingreso: abril-2009
Mensajes: 13
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Fondo capa desaparece al meter imagen de fondo en capa contenedor (en IE)

Lo siento copie mal el html:

html:

<div id="contenedor">
<div id="contenido">
<h1>prueba</h1>
</div>
</div>
  #3 (permalink)  
Antiguo 04/10/2011, 10:01
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 15 años, 8 meses
Puntos: 1567
Respuesta: Fondo capa desaparece al meter imagen de fondo en capa contenedor (en IE)

A mi tu código no me genera el error


por las dudas este es el html
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9.  
  10. #contenido{
  11. width: 200px;
  12. height: 200px;
  13. background: #ffbf63;
  14. border: 1px solid #d17b00;
  15. padding: 5px;
  16. border-radius: 10px;
  17. -moz-border-radius: 10px;
  18. -webkit-border-radius: 10px;
  19. behavior: url(PIE.htc);
  20. margin: 0 auto;
  21. }
  22. #contenedor{
  23. width: 300px;
  24. height: 300px;
  25. background-image: url(liberatumovil.png); /* al añadir esto surge el problema*/
  26. }
  27.  
  28. /*]]>*/
  29. </head>
  30.  
  31.  
  32. <div id="contenedor">
  33.  <div id="contenido">
  34.  <h1>prueba</h1>
  35.  </div>
  36.  </div>
  37.  
  38.  </body>
  39. </html>


Asegurate que tu pie.htc esté recibiendo el mime correcto, podés hacerlo con .htaccess

Código Apache:
Ver original
  1. AddType text/x-component htc

o usando la script pie.php
Testeado en Chrome , FF, IE 9

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: contenedor, contenido, desaparece, html, fondo, capas
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 22:18.