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
