Divs se salen de div contenedor Mozilla Firefox

deadjoker9 · #1 (**permalink**) 27/09/2011, 19:30

Hola a todos, quiero aclarar que se que este tema ya ha sido muy tratado, pero de todas maneras no he encontrado solución.
Tengo un div contenedor y dos div dentro, pero estos dos div se salen de su contenedor.
He intentado las soluciones que encuentro en la red y aun asi nada.
Aca el codigo.

Codigo CSS.

Código PHP:

   
html, body 
{ 
    height:100%; 
    min-height: 100%; 
} 
 
.contenedor 
{ 
    width: 955px; 
    margin: auto; 
    min-height: 100%; 
} 
.menu 
{ 
    top: 140px; 
    left: 740px; 
    width: 200px; 
    height: 600px; 
} 
.principal 
{ 
    top: 140px; 
    left: 10px; 
    width: 705px; 
    height: 600px; 
}

Codigo HTML

Código PHP:

  <body> 
    <div class="contenedor"> 
            <div class="menu"></div> 
            <div class="principal"></div>               
    </div> 
</body>

Gracias.
Saludos!!

snowmanchip · #2 (**permalink**) 28/09/2011, 07:39

Agrega :
float:left; a la clase .menu,
Saludos

deadjoker9 · #3 (**permalink**) 28/09/2011, 13:10

Hola snowmanchip, le agregue el float y sigue igual :c.
Ya estoy desesperado, he intentado todo, no se que sera y solo pasa esto en Mozilla.
Gracias, saludos.

snowmanchip · #4 (**permalink**) 28/09/2011, 13:16

Lo probé en firefox y corre bien con el float left...
quizá estás probando otro código..si quieres pega el código completo..pero si pruebas sólo el fragmento que enviaste funciona..
Saludos

deadjoker9 · #5 (**permalink**) 28/09/2011, 15:48

Gracias, pero ummm que raro, funciono con los divs menu y principal...agregue otro y volvio a quedar asi le puse clear: both y tampoco.
Definitivamente extraño.
Gracias de todas maneras, seguiré intentando encontrar el error.
Saludos

GAST0N · #6 (**permalink**) 28/09/2011, 16:49

al contenedor dale margin: 0 auto;

al .menu y .principal sacale los left, ponele float left y margin-left

saludos!

deadjoker9 · #7 (**permalink**) 28/09/2011, 18:13

Gracias Gast0n, pero aun así no funciona.
Estuve leyendo mas y según parece, el problema radica en que le especifico la altura a los divs que van dentro del contenedor y por esta razón no crece.
Pero necesito especificar la altura en algunos divs, entonces que hago?
Les agradezco si tienen la solución a todo esto, ya me duele la cabeza.
Saludos y Gracias.

deadjoker9 · #8 (**permalink**) 28/09/2011, 18:31

Por lo visto este problema no tiene solucion, opte por ponerle al div contenedor(cosa que no queria)
overflow-x: hidden;
Pero sale el scroll en el div (por eso no queria esta opcion)
Si alguien tiene una mejor opcion, estare atento.
Muchas gracias a todos!!

snowmanchip · #9 (**permalink**) 29/09/2011, 07:44

Cita:

Iniciado por deadjoker9

Gracias, pero ummm que raro, funciono con los divs menu y principal...agregue otro y volvio a quedar asi le puse clear: both y tampoco.
Definitivamente extraño.
Gracias de todas maneras, seguiré intentando encontrar el error.
Saludos

Lo que indicas no tiene nada de extraño, el layout o maqueta cambia si le incorporas elementos, para el caso que enviaste la solución propuesta funciona, para ayudarte y encontrar una solución te recomiendo poner el código css y html que de verdad usarás (la estructura de lo que quieres lograr o un dibujo a mano), con eso seguro alguien del foro te indica el caso especial de tu diseño y además nos sirve para guiarte en el caso que sea un error de base o conceptual,
Saludos

ElLocoCalato · #10 (**permalink**) 29/09/2011, 13:06

Ya le diste a actualizar?