Foros del Web » Creando para Internet » CSS »

fondo contenedor.

Estas en el tema de fondo contenedor. en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/08/2007, 13:27
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
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!!!!
  #2 (permalink)  
Antiguo 26/08/2007, 13:39
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2098
Re: fondo contenedor.

Hola otra vez.

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.
  #3 (permalink)  
Antiguo 26/08/2007, 13:41
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: fondo contenedor.

dame 5 segundos y te paso la url.....Gracias!
  #4 (permalink)  
Antiguo 26/08/2007, 13:43
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: fondo contenedor.

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

Miralo en firefox y en IE
Gracias!
  #5 (permalink)  
Antiguo 26/08/2007, 13:48
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2098
Re: fondo contenedor.

Ok, voy a echarle un ojo.
  #6 (permalink)  
Antiguo 26/08/2007, 13:54
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: fondo contenedor.

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

mirá...
  #7 (permalink)  
Antiguo 26/08/2007, 13:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2098
Re: fondo contenedor.

Vaya, ya encontré el error.

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

Probé con ponerle overflow:auto; a #contenedorgral y funciona bien.
  #8 (permalink)  
Antiguo 26/08/2007, 14:05
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: fondo contenedor.

ffffffffffff, me rindo.......no se que le pasa, ahora se ve mal de nuevo....
  #9 (permalink)  
Antiguo 26/08/2007, 14:06
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: fondo contenedor.

Cita:
Iniciado por Bonez Ver Mensaje
Vaya, ya encontré el error.

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

Probé con ponerle overflow:auto; a #contenedorgral y funciona bien.
Sabes que se lo habia puesto cuando puse el texto que funcionó, pero tenia dos editores abiertos y no refresqué el CSS correjido

Ahora si!!!!!, mil gracias!!!!!
  #10 (permalink)  
Antiguo 26/08/2007, 21:21
Avatar de ecuatorianosoy  
Fecha de Ingreso: agosto-2007
Mensajes: 3
Antigüedad: 10 años, 3 meses
Puntos: 0
Re: fondo contenedor.

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?
  #11 (permalink)  
Antiguo 27/08/2007, 03:15
Avatar de SI TAN SOLO TUVIERA  
Fecha de Ingreso: marzo-2006
Ubicación: Aburrilandia, US
Mensajes: 652
Antigüedad: 11 años, 8 meses
Puntos: 3
Re: fondo contenedor.

Cita:
Iniciado por ecuatorianosoy Ver Mensaje
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?
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;
}
__________________
¿Dónde encontrar carros baratos en USA? En Autopten.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:24.