Fondo se encoje cuando agrego 2 divs

juanpro · #1 (**permalink**) 13/05/2009, 15:43

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

Mikmoro · #2 (**permalink**) 13/05/2009, 15:48

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.

juanpro · #3 (**permalink**) 13/05/2009, 16:20

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

Mikmoro · #4 (**permalink**) 13/05/2009, 16:26

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">

<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 & 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>


<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.

kseso? · #5 (**permalink**) 13/05/2009, 16:28

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<body>
<div id="barra-arriba"/>
<div id="barra-blanca"/>
<div class="barra-link-peque">
</div>
<div id="container">
<div id="container-header">
</div>
<div id="barra-menu">
</div>
<div id="contanier-1">
</div>
</div>
<div id="contanier-2">
</div>
<div id="contanier-3">
</div>
<div class="caja-banner-grande">
</div>
<div class="footer">
</div>
</body>

EDITO:

Mikmoro · #6 (**permalink**) 13/05/2009, 16:31

Estás lento hoy, hermano

kseso? · #7 (**permalink**) 13/05/2009, 16:39

Cita:

Iniciado por Mikmoro

Estás lento hoy, hermano

y hay quien hoy la tiene especialmente dura la cabeza