Tengo un problema miren
el cuadro con borde celeste es un div "lateral (menu)" , al kostado tiene un div sin relleno aun llamado "contenido"
ambos estan dentro de un div "cuerpo", y bajo este div cuerpo tengo un div "pie" mi idea era de que el cuerpo se ajuste al tamaño de sus contenidos,.
el div "cuerpo" tiene una imagen de bg, con el atributo repeat, pero no se repite, no se porque.
este es mi html
Código HTML :
</head> <body> <div id="contenedor"> <div id="cabecera"> <div id="logo"> </div><!--FIN LOGO--> </div><!--FIN CABECERA--> <div class="separador"></div> <div id="cuerpo"> <div id="contenido"><!--FIN CONTENIDO--> </div> <div id="lateral"> </div> </div><!--FIN CUERPO--> <div class="separador"></div> <div id="pie"> </div> <!--FIN PIE--> </div><!--FIN CONTENEDOR--> </body> </html>
y el css
Código HTML :
@charset "utf-8";
/* CSS Document */
body{
background-color:white;
margin:0;
padding:0;
background-image: url(../images/bg.png);
background-repeat: repeat;
}
#contenedor{
height: auto;
width: 700px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.separador{
clear:both;
}
#cabecera{
width:700px;
height:96px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 2px;
margin-left: 0;
background-image: url(../images/cabecera/bg.png);
background-repeat: repeat-y;
}
#cuerpo{
background-image: url(../images/cuerpo/bg.png);
width:700px;
position:relative;
min-height:100px;
height:auto !important;
margin-bottom: 2px;
background-color: #09C;
}
#lateral{
width:200px;
height:150px;
border: 1px solid #069;
margin-top: 0px;
margin-bottom: 2px;
float:left;
margin-right: 10px;
position:relative;
}
#contenido{
width:auto;
height:auto;
border: 1px solid #CCC;
margin-top: 0px;
margin-bottom: 5px;
float:right;
}
#pie{
width:700px;
height:50px;
padding-top: 30px;
background: url(../images/pie/bg.png) no-repeat;
text-align: center;
position: relative;
z-index: 1;
}
#logo{
background-image: url(../images/cabecera/icon.png);
height: 65px;
width: 61px;
float:left;
margin-top: 16px;
margin-right: 20px;
margin-bottom: 16px;
margin-left: 20px;
}
disculpen si esto es demasiado facil, pero la verdad es que hace buen rato (buennn... rato) que intento y no me sale.
de antemano, muchas gracias por la ayuda
