Hola que tal,
Estoy maquetando una web en la que necesito hacer el alto de mi div contenido sea dinámico liquido ... no se como le llamen xD pero el hecho es que su altura debe tener el tamaño del contenido, supuestamente esto bastaría con usar height al 100% pero no, el texto se desborda y el div no crece mas, espero haberme explicado bien, aquí les dejo el código tanto del index como de la pagina interna.
Aqui como se ve
http://i183.photobucket.com/albums/x312/Tiefnuker/img2.jpg
http://i183.photobucket.com/albums/x312/Tiefnuker/img1.jpg
Código HTML:
<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="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="encabezadoP">
<div id="encabezado">
<div id="menuP">
<ul>
<li><a href="index.html" class="home" title="home">home</a></li>
<li><a href="informacion.html" class="informacion" title="informacion">informacion</a></li>
<li><a href="plan.html" class="planDeViaje" title="planDeViaje">planDeViaje</a></li>
<li><a href="conferencistas.html" class="conferencistas" title="conferencistas">programa</a></li>
<li><a href="comite.html" class="comiteOrganizador" title="comiteOrganizador">comiteOrganizador</a></li>
<li><a href="programa.html" class="programa" title="programa">programaCientifico</a></li>
<li><a href="contacto.html" class="contacto" title="contacto">contacto</a></li>
</ul>
</div>
<div id="encabezadoImagen">
<div id="logo">
</div>
</div>
</div>
</div>
<div id="contenidoP">
<div id="contenidoC">
<div id="contenido">
<div id="leftCol">
<div id="colTitle">TÍTULO 1</div>
<div id="seccion">
<img src="imagenes/imagen.png" width="113" height="112" id="leftColCont" />
<div id="texto">
<p>Lorem ipsum ad his scripta blandit partiendo</p>
<p>Lorem ipsum ad his scripta blandit partiendo</p>
</div>
</div>
<div id="seccion">
<img src="imagenes/imagen.png" width="113" height="112" id="leftColCont" />
<div id="texto">
<p>Lorem ipsum ad his scripta blandit partiendo</p>
<p>Lorem ipsum ad his scripta blandit partiendo</p>
</div>
</div>
<div id="seccion">
<img src="imagenes/imagen.png" width="113" height="112" id="leftColCont" />
<div id="texto">
<p>Lorem ipsum ad his scripta blandit partiendo</p>
<p>Lorem ipsum ad his scripta blandit partiendo</p>
</div>
</div>
</div>
<div id="midCol">
</div>
<div id="rightCol">
<div id="colTitle">Lorem ipsum ad his scripta blandit partiendo</div>
<h4 id="rightColCont">Lorem ipsum ad his scripta blandit partiendo</h4>
<p id="rightColCont">Lorem ipsum ad his scripta blandit partiendo</p>
<img src="imagenes/imagen.jpg" width="490" height="150" id="rightColCont" />
</div>
</div>
</div>
</div>
<div id="llamasCont">
<div id="llamas">
</div>
</div>
<div id="pieP">
<div id="pie">
<div id="logosOrg">
<img src="imagenes/imagen.jpg" width="60" height="70" />
<img src="imagenes/imagen.jpg" width="60" height="70" />
<img src="imagenes/imagen.jpg" width="60" height="70" />
</div>
<p>Lorem ipsum ad his scripta blandit partiendo</p>
</div>
</div>
</body>
</html> Pagina interna:
Código HTML:
<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="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="encabezadoP">
<div id="encabezado">
<div id="menuP">
<ul>
<li><a href="index.html" class="home" title="home">home</a></li>
<li><a href="informacion.html" class="informacion" title="informacion">informacion</a></li>
<li><a href="plan.html" class="planDeViaje" title="planDeViaje">planDeViaje</a></li>
<li><a href="conferencistas.html" class="conferencistas" title="conferencistas">programa</a></li>
<li><a href="comite.html" class="comiteOrganizador" title="comiteOrganizador">comiteOrganizador</a></li>
<li><a href="programa.html" class="programa" title="programa">programaCientifico</a></li>
<li><a href="contacto.html" class="contacto" title="contacto">contacto</a></li>
</ul>
</div>
<div id="encabezadoImagenInt">
<div id="logoMin">
</div>
</div>
</div>
</div>
<div id="contenidoP">
<div id="contenidoC">
<div id="contenido">
<div id="colTitleInt">
INFORMACION
</div>
<div id="leftColInt">El alto de este div debe adaptarse al contenido
</div>
<div id="rightColInt">
<img src="imagenes/imagen.jpg" width="250" height="234" id="rightColIntImg"/>
<img src="imagenes/imagen.jpg" width="250" height="234" id="rightColIntImg"/>
</div>
</div>
</div>
</div>
<div id="llamasCont">
<div id="llamas">
</div>
</div>
<div id="pieP">
<div id="pie">
<div id="logosOrg">
<img src="imagenes/imagen.jpg" width="60" height="70" />
<img src="imagenes/imagen.jpg" width="60" height="70" />
<img src="imagenes/imagen.jpg" width="60" height="70" />
</div>
<p>
Lorem ipsum ad his scripta blandit partiendo, eum fastidii a
</p>
</div>
</div>
</body>
</html>
Espero que me puedan ayudar con esto, me llevo matando dos dias y no consigo solucionarlo ·_·
Gracias.