Hola amigos, tengo una duda acerca de mi codigo css,
tengo un div con anchura establecida y el alto automatico, el color de fondo del div lo determina una clase, el problema esta que cuando introduzco informacion dentro del div, el color de fondo no se expande verticalmente junto con el contenido del div.
alguna idea?
disculpen si esta un poco revuelto el codigo, pero es para un sitio con variedad de colores asi que se imaginaran.
dejo codigo:
CSS:
Código:
/* INDICE */
.indice_head{background-image:url(images/head_indice.jpg);}
.indice_fondo{background-image:url(images/fondo_indice.jpg);}
.indice_contenido_fondo{background-color:#300000;}
.indice_footer_fondo{background-image:url(images/footer_indice.png);}
/* DIVS */
body{margin:0px auto;}
#contenedor{
margin:0px auto;
text-align:center;
width:926px;
}
#head{
margin:0px auto;
width:926px;
height:397px;
}
#contenido_back{
background-image:url(images/borde_contenido.png);
background-repeat:repeat-y;
width:926px;
float:left;}
#contenido{
background-color:#300000;
margin:0px auto;
text-align:left;
color:#F30;
width:900px;
height:200px; /*hay que establecer una altura para fijar el color de fondo why da hell? i dont know*/}
#menu{
margin:10px auto auto 10px;
float:left;
width:200px;
height:auto;
}
#contenido_bloque{
margin:10px 10px auto 10px;
float:left;
width:670px;
height:auto;}
#border_bottom{
background-image:url(images/borde_bottom.png);
float:left;
width:926px;
height:12px;}
#footer{
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#FC0;
width:926px;
height:59px;
}
HTML:
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo_inicio.css" rel="stylesheet" type="text/css" />
</head>
<body class="indice_fondo">
<div id="contenedor">
<div id="head" class="indice_head"></div>
<div id="contenido_back">
<div id="contenido" class="indice_contenido_fondo"><div id="menu">
<p>INICIO</p>
<p>NOSOTROS</p>
<p>CONTACTO</p>
<p>SEVICIOS</p>
<p>GALERIA</p>
<p>TOURS</p>
<p> </p>
</div>
<div id="contenido_bloque">
<p>Ok, en esta seccion va a ir el contenido lo unico que falta es el color de fondo</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>Fin del contenido</p>
</div>
</div></div>
<div id="border_bottom"></div>
<div id="footer" class="indice_footer_fondo"></div>
</div>
</body>
</html>
la pagina es esta:
[URL="http://www.yucatanmp.com/pruebas/inicio.html"]http://www.yucatanmp.com/pruebas/inicio.html[/URL]
de antemano gracias y Feliz Año Nuevo.