Div flotantes con altura variable

[Tifany]

He decidido registrarme y plantear duda mi porque he encontrado varias parecidas pero no iguales, y ninguna de ellas soluciona mi problema... y me estoy volviendo loca con él.

Mi problema es el siguiente:

Tengo un div contenedor con posicion relativa y una imagen de fondo que se repite en Y. Éste a su vez contiene dos div que deben quedar paralelos pero su altura es variable ya que su contenido saldrá de una base de datos mediante php.

Si les pongo el atributo float se ponen paralelos pero no empujan al div contenedor, por lo tanto la imagen de fondo (que se repetía en Y) no aparece.

Si les quito el float aparece uno abajo y otro arriba, y no puedo darle un margin-top negativo porque no sé que altura tendrá el de arriba...

Me estoy volviendo locaaaa..!! llevo 2 días probando de todo, un poco de ayuda por favor, por caridad....

[Tifany]

Aprovechando que me he registrado me gustaría desahogarme un poco mientras me respodeis la duda.

Llevo 2 años trabajando en una empresa que se dedica al desarrollo web y me encantaba, maquetabamos con tablas y era una chica feliz

Desde hace 3 meses mi jefe se ha vuelto un loco de la accesibilidad, y ahora soy infeliz... me custa dormir por las noches y he roto con mi novio... hasta pienso que debería ponerme de camarera o algo parecido...

Maquetación con div = problemas..!!! cuando no es una cosa es otra...

los odio..!! los odio..!! los odioooooo...!!!!

Perdonadme pero esque no tengo a nadie con quien descargarme... sorry.

[jomaruro]

Hola Tifany:

Bienvenida al foro. Lo primero, deberías relajarte, es más fácil de lo que parece. Segundo, cuando plantees una duda es mejor que aportes el código (tanto HTML como CSS) implicado. Tercero, busca información aquí mismo en el foro sobre columnas equilibradas, solucionarás tu problema.

Saludos.

[xcoltx]

no se ve tan complicado pero como dijo jomaruro.. con un poco de codigo que muestres podemos tratar de ayudarte.

[Sophie_Madrid]

Trankila Tifany a mi al principio tambien me estaba volvieldo loca, pero se le coge el truco y es mucho mejor que usar tablas ;)

Animo.

[Midal]

Bueno, relájate. A todas personas que nos acostumbramos a maquetar con tablas se nos hizo engorroso empezar con div's, luego te parecerá mas cómodo y potente.

Si no asignas altura al div contenedor y le pones

Código CSS:

overflow:auto;
 

Eso debería solucionar tu problema.

Si no añade este div dentro del contenedor.

Código HTML:

<div style="clear: both"></div>
 

PD: Aprende a separar tu vida profesional de la personal, a veces es difícil pero debes esforzarte.

[Wasper]

¿Has roto con tu novio porque no te salian las capas DIV? Anda llamalo otra vez el pobrecillo.

El tema de las DIV es una forma distinta de hacer las cosas que como se hacian con tablas, ya que con 1 tabla podias hacer una estructura de una web completa, con filas y columnas, pero con una DIV deberas quitarte ese concepto de la cabeza, deberas hacer tantas DIVS como partes requieras en tu web, pero te puedo decir que el diseño en DIV es mas bonito que el de las tablas, ademas tienes aqui una biblia de conocimientos sobre el tema que te puede ayudar muchisimo, a mi tambien me costo adaptarme a las DIV, ya que yo usaba tablas para mis diseños, aun tengo previsto adaptar una pagina que tengo en tablas a DIV, pero claro, en casa de herrero cuchara de palo...

Ánimo y no te desesperes.

Saludos, Jose