Ho un layout centrato
del tipo e un problema a gestire i margini
inserisco il div header nel container e poi dentro al div header
il div logo, quest'ultimo con margin-top 20px.
il div logo espande il proprio bordo ignorando il suo genitore (header)
uguale avviene con il paragrafo contenuto nel div content
gli assegno un margin top e si posiziona rispetto al div wrapper (genitore di content)
dove sbaglio
allego il codice e rigrazio tutti da ora per l'aiuto
ciao
body {
text-align: center;
margin: 0;
padding: 0;
}
#container {
margin: 0 auto;
text-align: left;
width: 960px;
}
#header {
height: 150px;
margin: 0;
}
#logo {
margin-top: 20px;
}
#wrapper {
width: 100%;
}
#content {
width: 100%;
}
#content p {
margin-top: 60px;
}
#footer {
height: 100px;
width: 100%;
}
<body>
<div id="container">
<div id="header">
<div id="logo"><div>
</div>
<div id="wrapper">
<div id="content">
un p</p>
</div>
</div>
<div id="footer">
altro p</p></div>
</div>
</body>