Buenas
Tengo el siguiente codigo php
Código PHP:
<div id="principal">
<div id="cuerpo"> <!--FEATURED AREA STARTS-->
<div class="contenido"><!--FEATURED CONTENT STARTS-->
<h1>Pedro Tarancon</h1>
</div><!--FEATURED CONTENT ENDS-->
</div><!--FEATURED AREA ENDS-->
</div> <!-- fin principal -->
Y su CSS
Código PHP:
#principal { background:url(imagenes/fondo.jpg);
width:1200px;
height:1200px;
margin:15px auto; }
#cuerpo { float: left;
height:740px; /*ADDS A FIXED HEIGHT*/
width: 1040px; /*ADDS A FIXED WIDTH*/
margin-left:80px;
margin-right:80px;
background:url(imagenes/fondo_cuerpo.png); }
.contenido { float: left; /*FLOATS LEFT*/
margin:0px;
width: 100%; /*ADDS A FIXED WIDTH*/
height: 100%; /*ADDS A FIXED HEIGHT*/
clear:both; }
El problema es que cuando le pongo un
padding a contenido...el "perimetro" de contenido aumenta y se sale de los limites que marca cuerpo.
Lo que quiero es que aunque le ponga un padding,contenido se mantenga dentro de cuerpo. Se puede solucionar dandole margenes a lo que haya dentro de contenido,pero prefiero darle padding a contenido y olvidarme de tener que ir dandole margenes a los parrajos,fotos,etc que vaya "metiendole" dentro.
Saludos!