Foros del Web » Creando para Internet » CSS »

Altura desobediente ¬¬

Estas en el tema de Altura desobediente ¬¬ en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/12/2009, 20:07
 
Fecha de Ingreso: diciembre-2009
Mensajes: 3
Antigüedad: 8 años
Puntos: 0
Altura desobediente ¬¬

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>&nbsp;</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>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</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.
  #2 (permalink)  
Antiguo 29/12/2009, 23:07
Avatar de hitech  
Fecha de Ingreso: octubre-2008
Ubicación: Chiquimula
Mensajes: 72
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: Altura desobediente ¬¬

Colocale un

overflow : auto;

Lo que hara que la caja crezca tanto como su contenido ....
__________________
--
Twitter : @jracostac
  #3 (permalink)  
Antiguo 30/12/2009, 00:28
 
Fecha de Ingreso: diciembre-2009
Mensajes: 3
Antigüedad: 8 años
Puntos: 0
Respuesta: Altura desobediente ¬¬

Vaya! con que era eso, muchas gracias hitech, funciona a la perfección
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 21:36.