Buenos dias,

Perdonad que insista en el tema, pero es que no consigo explicar el
resultado de este comportamiento. Es esta vez un bug del Firefox,
entonces? He reducido el codigo al maximo. Y al modificar los
margin-top, en IE se comporta correctamente:

El elemento <barra de navegación> flotado a la derecha es independiente
del <contenido> de la izquierda, pero en Firefox es como si el elemento
flotado estuviera dentro del div <contenido> y no lo está.

Cierto que se soluciona aplicando un border-top al elemento contenedor
(en este caso el body!), pero que caso de margen colapsado es este? Es
que no lo entiendo... con quien colapsa?

Os pego el codigo...

PD: cierto, Fernando, la declaracion lang deberia ser "es" y no "sp"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="sp" lang="sp">

<head>
        <title>Untitled Document</title>
        <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />

<style type="text/css" media="screen">
        * { margin: 0; padding: 0; }

        ul { list-style-type: none; }

        body {
/*       border-top: 1px solid black;  */
        }
        #navigation {
                clear: both;
                background: red;
                float: right; 
                width: 162px;
                margin: 0 0 0 0;
        }
        #navigation ul {
                background: #555;
        }

        #contents {
                margin: 40px 0 0 0;
                background: yellow;
                width: 200px; 
        }
        
</style>
</head>

<body>
        <div id="navigation"><ul><li>Inicio</li></ul></div>
        <div id="contents">asas</div>
</body>
</html>



-----Mensaje original-----
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Fernando Gutierrez
Enviado el: lunes, 11 de abril de 2005 14:26
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] diferente comportamiento del margin-top en IE y
Firefox

He probado a aplicar un border: 1px solid; (de hecho basta con un
border-top) a #container y parece que se arregla, quedando alineados
#content y #navigation. Al border le puedes poner el mismo color que
el fondo de la página para que no se vea.

Otra cosa, en la declaración de idioma usas "sp" 
>  xml:lang="sp" lang="sp">
cuando debería ser "es" ¿no?.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a