Buenas, mi problema es el siguiente:
Yo tengo un div cuyo fondo tiene un color rojizo, y dentro del mismo, varios divs.
Mi idea era que el div que contiene a todos, continue hasta que finalize el ultimo div, y con el, el color del fondo.
Pero lamentablemente no pasa asi, se me corta (o por lo menos el color del fondo) antes de que termine el contenido del resto de los divs, por lo que queda de esta manera:
http://www.proyectoshuerto.com.ar/nuevaimagen/index.php
(es la parte de los+nuevos)
el codigo, por las dudas, es el siguiente:
HTML:
Código:
<div id="lomas">
<div id="titulos"><strong>lo+</strong>reciente!</div>
<div id="cuadrado" name="proyectos"><div id="titulocuad"><strong>Proyectos</strong></div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris et dolor. Sed at turpis vitae velit euismod aliquet. Aenean id purus.</div>
<div id="cuadrado" name="enlaces"><div id="titulocuad">Enlaces</div><img src="http://open.thumbshots.org/image.aspx?url=www.leloir.org.ar" border="1" /><br/>Leloir</div>
<div id="cuadrado" name="articulos"><div id="titulocuad">Articulos</div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris et dolor. Sed at turpis vitae velit euismod aliquet. Aenean id purus.</div>
<div id="cuadradoult" name="teoricos"><div id="titulocuad">Teoricos</div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris et dolor. Sed at turpis vitae velit euismod aliquet. Aenean id purus.</div>
</div>
CSS
Código:
div#explicaprin { margin-top:10px; text-align: justify;
font-family: "Lucida Grande", "Verdana", sans-serif;
font-size: 13px;
color: #000;}
div#firma {text-align:right; margin: 10px 0px }
div#lomas {
font-family: "Lucida Grande", "Verdana", sans-serif;
font-size: 12px;
color: #000;
background:#FFB39F;
padding:5px;
text-align:center;
margin-top:15px;
}
div#titulosprin { font-family:"Evolution", "Verdana", sans-serif; text-align:right; font-size: 25px; color: #000; padding:0 0 10px 0;}
div#cuadrado { width:168px; float:left; border-right: solid 2px #FFF; text-align:justify; padding:5px}
div#cuadradoult {width:168px; float:left; text-align:justify; padding:5px}
div#titulocuad {font-family: "Lucida Grande", "Verdana", sans-serif; font-size:big;
font-size: 14px;
color: #000; }
ALGUNA IDEA DE por que pudes estar pasando esto??? ojala puedan ayudarme, desde ya muchas gracias!
un saludo!
pablo