Eso es lo que pense al principio, pero creo que no es asi. Puedo eliminar los margenes de todos los elementos que envuelven a la <barra de navegaci�n> y a los <contenidos> y el comportamiento es el mismo.
La causa parece ser como una relacion entre el margin-top de la <barra de navegaci�n> con el de los <contenidos>. Una relacion que solo ocurre en Firefox. La cuestion es que no se me ocurre como resolverlo. Ejemplo: Si aplico un margin-top a <barra de navegaci�n> me baja <barra de navegaci�n>, pero si lo aplico a <contenidos> me baja <contenidos> y <navegaci�n>!! No son independientes? �? -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de kemie guaida Enviado el: lunes, 11 de abril de 2005 12:34 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] diferente comportamiento del margin-top en IE y Firefox Si entiendo bien tu problema, se debe a los margenes colapsados, un comportamiento bastante irritante: http://www.complexspiral.com/publications/uncollapsing-margins/ ...........:| kemie |:........... .:| www.monolinea.com <http://www.monolinea.com> |:. xema wrote: >Hola, > >Tengo una estructura como la siguiente: > ><div> > <div> > <div>Barra de navegaci�n flotada a la derecha</div> > <div>Contenidos</div> ></div> > ></div> > >Y ahora hay algo que no entiendo. Si doy un margin-top al div de los >contenidos, en Firefox se aplica en bloque a la barra de navegaci�n y a >los contenidos, y en IE me lo hace bien, es decir, se aplica solo al div >del contenido. Al reves, me lo hace bien en los 2 navegadores, es decir, >si le aplico un margin-top a la barra, solo baja la barra, no los >contenidos. A que se debe este comportamiento? > >Os pego el codigo: > ><!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; > } > > body { > font: 85% verdana, helvetica, arial, sans-serif; > text-align: center; > background: #FFF; > } > > ul { list-style-type: none; } > > #container { > margin: 0.5em auto; > width: 768px; > text-align: left; > } > #window { > border-right: 1px solid #EBEBEB; > border-left: 1px solid #EBEBEB; > background: black; > } > > #navigation { > float: right; > width: 162px; > margin: 0 0 0 0; > } > #navigation ul { > background: #555; > padding-top: 20px; > font: bold 0.8em Verdana, Helvetica, Arial, >sans-serif; > } > > #contents { > margin: 4px 180px 0 0; > border-right: 1px solid #EBEBEB; border-top: >21px solid #EBEBEB; > background: yellow; > } > > #footer { > clear: both; > } > > ></style> ></head> > ><body> > ><div id="container"> > <div id="window"> > <div id="navigation"> > <ul> > <li><a href="#">Inicio</a></li> > > </ul> > </div> > > <div id="contents">asas</div> > > </div> > <div id="footer"> > > </div> ></div> > ></body> ></html> >_______________________________________________ >Lista de distribuci�n Ovillo >Para escribir a la lista, envia un correo a [email protected] >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 [email protected] 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
