Hola a todos, antes que nada, decir que he estado buscando en el foro, pero las soluciones que se aportan no me funcionan... Empecemos
Código:
<div id="contenedor">
<div id="seccion">
/// aqui el contenido de la seccion
</div>
<div id="menu">
<a href="seccion"><img src="seccion.gif" /></a>
<a href="seccion"><img src="seccion.gif" /></a>
<a href="seccion"><img src="seccion.gif" /></a>
<a href="seccion"><img src="seccion.gif" /></a>
<a href="seccion"><img src="seccion.gif" /></a>
<a href="seccion"><img src="seccion.gif" /></a>
</div>
</div>
Os explico, el div menu, esta a la derecha, y a parte de tener las imagenes, tiene un fondo, no repetido, que debe estar unido al pie de pagina... bueno asi no me entendereis, con esto mejor:
Bien, pues cuando hay poco contenido perfecto, pero cuando hay mas, la foto se corta y se ve el fondo, así que apliqué una técnica que vi en el foro
Código:
#contenedor {
width:960px;
overflow:auto;
}
#seccion {
float:left;
width:710px;
height:auto !important;
height:700x;
min-height:700px;
border-right: 250px solid #000000;
margin-right: -250px;
}
#menu {
float:left;
width:250px;
height:auto !important;
height:700px;
min-height:700px;
background: url(lateral.gif) no-repeat bottom;
}
De esta manera ya no se ve el fondo de la pagina, sino la columna estirada pero de color negro, con la imagen que va con el pie de pagina... cortada...
Alguien sabe como lo puedo solucionar?
Gracias!