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
titleUntitled 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=navigationulliInicio/li/ul/div
div id=contentsasas/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
