hola gente
tengo un problema con respecto a mi pagina.
tengo un div contenedor, que tiene dentro otros div (estos tienen propiedades float, y posicionamiento dentro del div contenedor)
uno de los div que estan dentro del div contenedor es un div de texto, que es automatico el tamaño (se hace mas alto dependiendo la cantidad de texto)
PERO! el div contenedor no se cambia de tamaño automaticamente, ya que los div que estan dentro tienen posicion float...
alguien me podria ayudar?
Código HTML:
Ver original<div id="cuerpo" class="inicio-publicacion"> <div id="menu-nav-inicio"> <div style="float:left;"> <div id="option-nav-inicio">Callejas
</div> <div id="option-nav-inicio">Publicaciones
</div> <div id="option-nav-inicio">Imagenes
</div> <div id="option-nav-inicio">Música
</div> <div id="option-nav-inicio">Videos
</div> <div id="option-nav-inicio">Eventos
</div>
<div style="float:right;"> <div id="option-nav-inicio" class="crear-nuevo-inicio">Crear nuevo
</div> <form action="#" method="get" style="float:right;"><input type="text" id="search-box" placeholder="Buscar..." /><input type="submit" id="submit-search" value="Ir" /></form>
<div id="cont-publicacion"> <h1 class="titulo-publicacion">Titulo de la Publicación
</h1> <div id="dato-publicacion"><div style="float:left;">11/12/13
</div><div style="float:right;">Noticias
</div></div> <div id="p-publicacion">asdasdasdasdasdadsasdads (multilpicar texto para ver como se agranda)
</div> <div id="autor-publicacion">
Código CSS:
Ver original#cont-publicacion {
width: 787px;
min-height: 600px;
border-right: 1px solid #BBBBBB;
float: left;
word-wrap: break-word;
}
#autor-publicacion {
width: 199px;
height: 300px;
float: right;
}
.titulo-publicacion {
font-size: 30px;
color: #2BB82F;
padding: 10px;
float: left;
word-wrap: break-word;
}
#dato-publicacion {
color: #717171;
width: 779px;
height: 22px;
border-top: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
float: left;
margin-top: -25px;
padding: 4px;
word-wrap: break-word;
}
#p-publicacion {
float: left;
width: 779px;
padding: 4px;
word-wrap: break-word;
}
.inicio-publicacion {
min-height: 631px !important;
max-height: 1000px !important;
}