Buenas
Alguien me puede ayudar con este problema?
Estoy creando un documento inicial(plantilla) que usare en las demas paginas de mi web con sus diferentes contenidos.
Estoy creando la principal y estoy usando capas para posicionamiento de objetos. Primero cree una que he llamado "padre", que define el ancho maximo, es decir nada sale de el... luego cree dentro de esta otra que se llama cuerpo ya con su fondo blanco para comenzar a rellenarla... comenze posicionando las cosas y todo bien, pero cuando llego al final de la capa cuerpo, no crece como por ejemplo lo harian las tablas, segun contenido... y me corta el fondo(1 fondo original, 2 fondo cortado-extra).
Ayuda??? :huh: :huh:
(http://i.share.pho.to/20514cf7_o.jpeg)
codigo....
Saludos
Mi CSS esta asi:
#contenedor{
position:relative;
margin: 0px auto;
height:auto;
overflow: hidden;
}
#c{
min-height:700px;
height:auto;
top: 35px;
position: relative;
width: 960px;
margin: 0px auto;
border-radius: 7px 7px 0px 0px;
background-color:#FFF;
}
#slider{border: 3px #000 solid; width:700px; height:265px; position:relative; margin: 0 auto; top:75px;}
#logo{background:url(logo.png) no-repeat center;
width:377px; height:85px; margin:0 auto; margin-top:5px}
#prin{width:390px; height:90px; position:absolute; right:25px; top:650px; }
y las capas asi:
<div id="contenedor">
<div id="logos"></div>
<div id="c">
<div id="slider">AQUI VA SLIDER</div>
<div id="prin"><img src="prin.png" /></div>
</div>
</div>
juego con el height del slider y el prin, que va abajo del slider desaparece o sale cortado igual al fondo. No crece la capa "cuerpo" cuyo fondo es blanco.
:-\ :-\
utiliza un min-height y overflow:auto y de es amanera crecerá por ejemplo..
min-height:200px;
overflow:auto;
si el interior crece más de 200px automaticamente el height incrementará...
saludos