problema con hoja

[matiasbmx]

Hola, cree una hoja que consiste en un div con background blanco, y quiero que llegue hasta el final de la web, por lo que le he añadido las siguientes propiedades:
.contenedor{
background-color: #fff;
width: 920px;
margin:auto;
height:auto;
position:relative;
top:-20px;
}
pero la hoja llega hasta mas abajo del footer, revise las areas de los divs y todo esta en orden, el contenedor me sale que sigue para abajo solo... he estado horas tratando de encontrar el error y nada!, haber si pueden ayudarme...
la web:
http://test.elementobmx.com/nueva/

[MarioAraque]

El problema esta en que vos estructuras la web con divs, pero para la alineacion, en vez de usar float, usas position:relative.

El div "contenedor_contenido" (ese es el nombre que le pusiste de class), tiene un top:-800, lo que logras es que se mueva para arriba 800 pixeles, pero no lo moves de su posicion dentro del html, es decir, logras un efecto visual de movimiento, pero no lo moves del orden de aparicion dentro del html.
Al div de la izquierda (contenedor_menuproductos) le pusiste un height:1000px, que si lo quitas tambien subis la web...pero seguis teniendo el mismo problema con el position:relative.

La forma ideal de hacerlo, a mi gusto (porque supongo que cada uno tiene su estilo), es usar divs pero hacerlos flotar para ubicarlos, no es dificil, pero supone que tengas que cambiar muchisimo de tu hoja de estilo .... pero creeme que va a quedar mucho mejor y con menos cantidad de lineas.

Saludos.

[matiasbmx]

pero usando float, no se le dice exactamente donde ubicarse, puede correrse 5 pixeles.. y eso no me sirve... pero tu dices ponerle el float dentro del position relative?, o borrarle el positicionrelative y ponerle un float?

[MarioAraque]

Borrar cualquier position relative y hacerlo todo con divs flotantes.
Ese top -800px te pone el div en el sitio que vos quisieras, pero esos 800px que se movio para arriba no los podes ocultar de ningun modo! Bueno si, poniendo otro elemento con position relative -800px ... pero eso ya es cutrear el codigo.
Con float si podes ubicar los elementos donde vos quieras. Tu div "contenedor_contenido" mide 680px. Si dentro declaras otros dos divs, en donde las sumas de sus widths sea 690px (contando bordes, margins y paddings), y los flotas a los dos a la izquierda, tenes el efecto que vos queres ... sin embargo tenes que tocar todo el codigo para poder llegar a eso. Es tu eleccion...

Saludos.

[matiasbmx]

Gracias! me pondre a investigar sobre la funcion...
prefiero tener un codigo mas bien fluido y limpio asique haré lo que dices..