Tener 2 background en css!

[x_aleprincess]

Hola chicos! Soy como nueva en el asunto de html+css y realmente me voy basando en video tutoriales.

Me he tropezado varias veces pero siempre logre avanzar hasta llegar a un punto que no puedo avanzar por mi poca experiencia en el tema.

Busque en google para solucionar mi problema y me apareció este foro hehe.

Bueno en mi pagina web tengo 3 bloques, dos bloques laterales y uno en el centro donde ira la información.

En el centro de la pagina tiene que ir un color #4E6A9A pero me aparece el color del body (es un azul mas oscuro) cuando escribo mucho en los bloques laterales y en el centro.

Les dejo mi web:

http://www.mediafire.com/?tw9nw22989e9888

Gracias por leerme y espero su ayuda.

[Oscar_Hidro]

Un poco el problema que tienes creo que radica en la estructura. Viendo tu pagina puedo ver que hay un vacio cuando termina la imagen principal, y lo que pienso que quieres hacer, es igualar el color de la parte inferior de la imagen principal, y que aparesca ese color con el texto que queda volando en el fondo azul marino. Si es asi prueba darle una altura de algo asi como 900px en el div #principal.

Código CSS:

#principal{
height:900px;
}
 

[x_aleprincess]

@Oscar_Hidro, muchas gracias por responder y más por la brevedad.

Lo que dices es correcto pero no hay forma de agregar ese color que iguala al final del header con el comienzo del footer de una forma automatica? Asi cuando yo vaya escribiendo mis parrafos no me preocuparé por el alto ya que el fondo se ira agregando de una forma manual.

Gracias de nuevo.

PD: Si es necesario cambiar la estructura para eso me lo puedes decir sin problema.

[Oscar_Hidro]

A pues mira, la estructura la puedes optimizar con un poco mas de practica, pero de momento puedes hacer lo siguiente:

Tanto en el div #principal y #content, elimina la altura(height), y sustituyela por la propiedad "overflow:hidden;"

Código CSS:

#principal{
overflow:hidden; // en sustitucion del height: _px;
}
 
#content{
overflow:hidden; // en sustitucion del height: _px;
 
}
 

Asi cada que vayas agregando tiene que ir aumentando la altura del contenido junto con el fondo. Haz la prueba y me dices

[x_aleprincess]

Wow! Muchas gracias! hahaha quedo genial :D

De verdad muchas gracias. Que ha quedado perfecto!

Saludos!

[Oscar_Hidro]

Por nada. Saludos.