Foros del Web - fondo contenedor.

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - fondo contenedor. (http://www.forosdelweb.com/f53/fondo-contenedor-514851/)

fondo contenedor.

hola de nuevo, nunca les pasó alguna vez tener un problema que pareciera ser "magico" ... si algo que no entendemos porque pasa, pero pasa.....bueno este es el caso.

Tengo un contenedor general con una imagen de fondo. Dentro de este tengo dos contenedores más, uno izquierdo y otro derecho, ¿bien? .... en FF si pongo los contenedores, no veo la imagen de fondo, si los saco si, en IEx se ve bien....lo raro no es esto, lo raro es que el código pareciera no presentar problemas, por lo menos para mi.... a ver que les parece.

CSS

Código HTML:

/*-----------------Body y Contenedores-----------------------------*/

body{

   background-image: url(img/body_bg.gif);

   margin: 0;

   padding: 0;

   text-align: center;

   font-family:  "Trebuchet MS",Arial,Tahoma,Verdana,Helvetica,sans-serif;

        font-size: 12px;

   

}

#contenedorgral{ 

   margin:auto;

   text-align: left;

        width: 772px; 

        background-image: url(img/fondo_contenedor-gral.gif);

}

#izquierda {

   margin-left: 10px;

   background-color: Aqua;

   float:left;

   width: 140px;

}

#centro {

   margin-right: 10px;

   background-color: Lime; 

   width: 520px;

   padding: 10px;

   float:left;

}

/*-----------------Cabezales y Textos-----------------------------*/

h1, h2, p{

   margin: 0;

   padding-left: 10px;

   padding-right: 10px;

   clear: both;

}

h1{

   font-family: Georgia, Times, serif;

   color: #3d77a0;

}

h2{

   font-family:  "Trebuchet MS";

   color: #6d6d6d;

}

HTML

Código HTML:

  <body>

   <div id="contenedorgral">

   <div id="izquierda">Menu</div>

   <div id="centro">

   <h1>Titulo H1</h1>

   <h2>Titulo H2</h2>

    <p>Textos del sitio</p>

    </div>

   </div> 

  </body>

Desde ya mil gracias!!!! :adios:

Re: fondo contenedor.

Hola otra vez. :borracho:

Si pones a #derecha e #izquierda un color de fondo, es normal que no se vea la imagen que has puesto a #contenedorgral, ya que éste, está por debajo de los otros dos.

¿La imagen de fondo de #contenedorgral debería de verse detrás de #derecha #izquierda? Si solo debe de verse en uno de ellos, puedes aplicarle el color de fondo a #contenedorgral y al otro quitarle el fondo.

Código:

background-image: url(img/fondo_contenedor-gral.gif);

background-color: Aqua;

Pero en el caso de que el fondo tenga que verse detrás de #derecha #izquierda, entonces hay que hilar mas fino.
Yo lo que haría es, o bien partir la imagen de fondo y ponérsela a #derecha una parte (alineada a la derecha) y la otra a #izquierda (alineada a la izquierda), y aplicarle el color de fondo.

Como es obvio, no tengo claro como quieres tenerlo todo montado, por lo cual igual hay algo mucho mas simple. :borracho:

Re: fondo contenedor.

dame 5 segundos y te paso la url.....Gracias!

Re: fondo contenedor.

http://www.urbanchip.com.ar/sitioprueba/

Miralo en firefox y en IE :si:
Gracias!

Re: fondo contenedor.

Ok, voy a echarle un ojo.

Re: fondo contenedor.

no se que pasó, pero le puse texto y voila! apareció automagicamente :pensando:

mirá...

Re: fondo contenedor.

Vaya, ya encontré el error.

Al flotar #derecha y #centro (que no #izquierda :borracho:), el contenido sobresale a #contenedorgral, por lo que su altura es cero.

Probé con ponerle overflow:auto; a #contenedorgral y funciona bien. :arriba:

Re: fondo contenedor.

ffffffffffff, me rindo.......no se que le pasa, ahora se ve mal de nuevo....:abajo:

Re: fondo contenedor.

Cita:

Iniciado por Bonez (Mensaje 2110273)

Sabes que se lo habia puesto cuando puse el texto que funcionó, pero tenia dos editores abiertos y no refresqué el CSS correjido :borracho:

Ahora si!!!!!, mil gracias!!!!!
:adios:

Re: fondo contenedor.

http://profile.imageshack.us/user/fernandoespinoza/Hola dame una mano con css mira, como edito al link para que al rato que ponga la mano en el link quede oscuro el fondo y cuando lo quite quede normal porfa si puedes ayudarme

http://www.crivadron.com/index.php?o...tpage&Itemid=1

por ejemplo mira los links de esta pag como hicieron para que los links de fondo se vuelvan negros?

Re: fondo contenedor.

Cita:

Iniciado por ecuatorianosoy (Mensaje 2110553)

en tu archivo CSS este seria para cuando el mouse no este encima del boton. El fondo que usa los botones de esa pagina es una imagen repetida en X:

Código HTML:

a.link {

background-image:url(background_boton.gif);

        background-repeat:repeat-x;

}

Y asi seria para cuando pase el mouse por encime y se ponga el fondo negro:

Código HTML:

a.hover {

background-color:#000000;

}