Saludos.
Tengo una web que no me esta creciendo en el height cuando el contenido es mas grande, eso que hablan de los div padres y esas cosas. Generalmente uso el mismo sistema de armar mis web y todo anda normal, pero ahora no se que pasa que no crece el div central con el contenido.
La estructura va asi:
container= contiene todo lo que hay en la página
header= tiene tamaño definido y es la cabecera de mi web
content= aqui va el contenido central de la página, y es el que me esta dando problemas
footer= el pie de página.
el preview de la página se ve
aqui, el codigo va abajo.
Código CSS:
Ver original#container{
position:relative;
width:800px;
padding:0;
margin:0 auto;
overflow:auto;
}
#header{
position:relative;
width:799px;
height:200px;
}
#title{
position:relative;
background-image:url(../images/bg-title.jpg);
background-repeat:repeat;
height:67px;
width:799px;
line-height:120px;
}
#menu{
position:relative;
background-image:url(../images/bg-menu.jpg);
height:51px;}
#content{
position:relative;
width:799px;
height:100%;
}
#box-txt-left{
position:relative;
background-color:#fff;
width:449px;
top:50px;
left:50px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-ms-border-radius:10px 10px 10px 10px;
}
#footer{
position:relative;
background-image:url(../images/bg-footer.jpg);
background-repeat:repeat;
width:799px;
height:47px;
}
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css/txt-style.css" type="text/css" />
<link rel="stylesheet" href="css/div-style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"><div id="title"><img src="images/title.gif" alt="Title" width="431" height="33" style="margin-top:15px;" /></div>
</div>
<div class="menu" id="menu">
<p><a href="#">ABOUT US</a> | <a href="#">PHOTO GALLERIES</a> | <a href="#">DONATIONS</a> | <a href="#">SEMINARS & CONFERENCES</a> | <a href="#">LEADERS TRAINING COURSES</a></p>
</div>
<div id="content">
<div id="box-txt-left">
<p><strong>Welcome to our website! </strong>We exist as a Christ centered ministry to minister and impart the love of Father God into the hearts of people through leadership training, seminars, retreats, conferences, crusades, and social outreach. </p>
<p>The passion of this ministry is to release into the lives of men and women the knowledge that Father God loves them and His love is everlasting without conditions. Imparting into them the absolute truth that they are valued and God holds them close to His heart causing the sick to be healed, the bound to be set free and the broken hearted to be restored. </p>
<p>We desire to ignite a passion for Father’s love in local leaders and pastors by building relationships and serving them to help in the ministry of receiving love and giving it away.</p>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>