Divs que se superponen: uno de ellos es una lista

tirengarfio · #1 (**permalink**) 18/12/2009, 13:21

Hola,

Tengo la siguiente codigo que de momento no tiene ninguna hoja de estilo asociada.

Código HTML:

 <body>

        <div id="contenedor_layout">

            <div id="menu">
                <ul>
                    <li>
                        <?php echo "hola" ?>
                    </li>
                </ul>
            </div>
        
            <div id="mensajes">
                <?php echo "hola" ?>
            </div>

        </div>

    </body>

Mi problema: el <div id="mensajes"> se superpone al <div> del menú.

¿Por que ocurre esto?¿tiene alguna razón práctica?

Ciao

Javi

PrendekZ · #2 (**permalink**) 18/12/2009, 13:39

Coloca el código CSS para verificarlo.

tirengarfio · #3 (**permalink**) 18/12/2009, 13:44

Como comentaba en mi primer post, no tengo ningun codigo CSS asociado todavia.

jomaruro · #4 (**permalink**) 18/12/2009, 15:48

Hola:

¿Qué quieres decir que se superponen? Yo los veo uno arriba y el otro un poco más abajo.

Saludos.

tirengarfio · #5 (**permalink**) 20/12/2009, 12:41

Cita:

Iniciado por jomaruro

Hola:

¿Qué quieres decir que se superponen? Yo los veo uno arriba y el otro un poco más abajo.

Saludos.

A mí los dos "hola" me aparecen a la misma altura (horiztal claro, uno a la izquierda y otro a la derecha).

Javi

tirengarfio · #6 (**permalink**) 21/12/2009, 06:16

Hola de nuevo,

lo siento, efectivamente, estaba aplicando una regla.....

De todos modos, ahora he añadido un elemento más al menu horizontal. Me queda el siguiente codigo:

Código HTML:

 <body>

        <div id="contenedor_layout">

            <div id="menu">
                <ul>
                    <li>
                        <?php echo "hola" ?>
                    </li>
                    <li>
                        <?php echo "hola" ?>
                    </li>
                </ul>
            </div>
        
            <div id="mensajes">
                <?php echo "hola" ?>
            </div>

        </div>

    </body>

Y tengo además la siguiente regla para alinear horizontalmente los dos elementos del menú:

Código:

#menu li {
    float: left;

}

Mi problema: el tercer "hola", que no forma parte del menu, se pone a la misma altura que los "hola" del menú.

Alguna idea?

Javi

jomaruro · #7 (**permalink**) 21/12/2009, 15:34

Hola:

En tus estilos añade lo siguiente:

Código:

#mensajes {
	clear:both;
}

Saludos.