24-09-2010, 04:50 PM
Une aprèm de perdue pour un problème de margin...
Pourquoi en décommentant la ligne border du wrapper, le comportement change du tout au tout ? (dans un cas le logo est en haut, dans l'autre il est poussé vers le bas avec le wrapper, alors qu'il est en absolute dans le container de plus haut niveau...
Je pose la question pour l'anecdote, car a priori j'ai fini par trouver l'explication : c'est normal !! (fusion des marges) , mais ça pourra peut-être aider quelqu'un !
<!DOCTYPE HTML>
<html lang="fr">
<head>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
#wrapper {
position: relative;
margin: 0 auto;
width: 1000px;
background: red;
/* border: 1px dashed lime;*/
}
#logo {
position: absolute;
top: 2px;
left: 20px;
width: 100px;
height: 100px;
background: lime;
}
#cnt {
position: relative;
margin-top:110px;
height: 725px;
border: 1px dotted Gold;
}
</style>
</head><body>
<div id="wrapper">
<div id="logo"></div>
<div id="cnt">
</div>
</div> <!-- end wrapper -->
</body></html>
Pourquoi en décommentant la ligne border du wrapper, le comportement change du tout au tout ? (dans un cas le logo est en haut, dans l'autre il est poussé vers le bas avec le wrapper, alors qu'il est en absolute dans le container de plus haut niveau...
Je pose la question pour l'anecdote, car a priori j'ai fini par trouver l'explication : c'est normal !! (fusion des marges) , mais ça pourra peut-être aider quelqu'un !