Foros del Web » Creando para Internet » CSS »

Fondo se encoje cuando agrego 2 divs

Estas en el tema de Fondo se encoje cuando agrego 2 divs en el foro de CSS en Foros del Web. hola amigos mi problema es que tengo un fondo background-color para la pagina, resulta que hise unos cambios a pedido de mi cliente modifique unos ...
  #1 (permalink)  
Antiguo 13/05/2009, 16:43
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 2 meses
Puntos: 0
Fondo se encoje cuando agrego 2 divs

hola amigos mi problema es que tengo un fondo background-color para la pagina, resulta que hise unos cambios a pedido de mi cliente modifique unos divs, cuando los agregue el fondo q tenia ya no llega hasta la parte final de la pagina se encoje, pueden verlo.

http://www.peruplaceguide.com/web/index.html

tan solo agregue 2 divs donde dice Tourits Place y Hotels y se puso asi, e revisado el codigo pero no encuentro nada o quizas hay q agregarle algo.

Gracias por su ayuda de antemano
  #2 (permalink)  
Antiguo 13/05/2009, 16:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Fondo se encoje cuando agrego 2 divs

Pero no entiendo: el color gris de fondo (#434345) lo tienen los divs #container, que no albergan toda la página. Por ejemplo, la parte de abajo está fuera de cualquier container.
  #3 (permalink)  
Antiguo 13/05/2009, 17:20
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Fondo se encoje cuando agrego 2 divs

tengo una container general que abarca toda la web hasta el footer que seria asi mas o menos

<contanier>
</container>

el css para ese container es el siguiente
#container{
width: 1000px;
height: auto;
margin: 0px auto;
background-color: #434345;
}

el asunto esta que cuando saco esos divs q he creado Tourits Place y Hotels se arregla


Gracias mikmoro por tu tiempo sinceramente
  #4 (permalink)  
Antiguo 13/05/2009, 17:26
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Fondo se encoje cuando agrego 2 divs

Ahí está el error: eso es lo que querrías tener, pero no es así: ese div realmente lo cierras aquí:
Cita:
<div id="container">
<!--Inicio Header-->
<div id="container-header">
<div class="caja-logo-theplacelima"></div>
<div class="caja-banner-header"></div>
</div>
<div id="barra-menu">
<ul id="navmenu-h">
<li><a href="#">Home</a> </li>

<li><a href="#">Cities</a>
<ul>
<li><a href="#">Lima</a></li>
<li><a href="#">Cusco</a></li>
</ul>
</li>
<li><a href="#">Tourits Places</a> </li>

<li><a href="#">Food &amp; Drinks</a></li>
<li><a href="#">Night Zone</a> </li>
<li><a href="#">Inside Lima</a></li>
<li><a href="#">Hotels</a></li>
<li><a href="#">About Us</a></li>

<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!--Fin Header-->
<!--Inicio container 1-->
<div id="contanier-1">
<div class="caja-tourits-hotels">
<div class="caja-tourist-place">
<h1>Tourits Places<img src="imagenes/photo-circui-magico.jpg" alt="Circuito Magico" width="124" height="162" /></h1>
<p>En Julio del 2007 se
inaguro el “Circuito
Magico de Agua”, un
conjunto de 13 fuentes
ornamentales que se</p>

<a href="#" class="link-naranja">See More »</a></div>
<div class="caja-hotels"><h1>Hotels<img src="imagenes/hotels-marriot.jpg" alt="Hotel Marriot" width="124" height="162" /></h1>
<p>En Julio del 2007 se
inaguro el “Circuito
Magico de Agua”, un
conjunto de 13 fuentes
ornamentales que se</p>
<a href="#" class="link-naranja">See More »</a></div>
</div>
</div>
</div>
es decir, mucho antes del final. Cuenta bien los divs abiertos y cerrados.
  #5 (permalink)  
Antiguo 13/05/2009, 17:28
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Fondo se encoje cuando agrego 2 divs

Fíjate bien en html
Como te dice Mik, no hay un contenedor general. Según firebug así es el html
Código html:
Ver original
  1. <div id="barra-arriba"/>
  2. <div id="barra-blanca"/>
  3. <div class="barra-link-peque">
  4. </div>
  5. <div id="container">
  6. <div id="container-header">
  7. </div>
  8. <div id="barra-menu">
  9. </div>
  10. <div id="contanier-1">
  11. </div>
  12. </div>
  13. <div id="contanier-2">
  14. </div>
  15. <div id="contanier-3">
  16. </div>
  17. <div class="caja-banner-grande">
  18. </div>
  19. <div class="footer">
  20. </div>
  21. </body>

EDITO:
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 13/05/2009, 17:31
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Fondo se encoje cuando agrego 2 divs

Estás lento hoy, hermano
  #7 (permalink)  
Antiguo 13/05/2009, 17:39
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Fondo se encoje cuando agrego 2 divs

Cita:
Iniciado por Mikmoro Ver Mensaje
Estás lento hoy, hermano
y hay quien hoy la tiene especialmente dura la cabeza
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 15:04.