Ho provato a costruire vari layout. In uno a larghezza fissa ho il problema
dei margini delle colonne. Cominciamo dalla sezione pertinente del codice CSS:
codice:
body {
margin:0;
padding:0;
text-align:center;
}

#wrapper{
margin:0 1em 0;
font-family: "Book Antiqua", Times, serif;
font-size: 101.01%;
}

#content{
position:relative;
width:1200px; /*760 */
margin:1em auto;
text-align:left;
background: #f0f0f0;
border:1px solid #000;
}

#column1{
position:absolute;
top:0; left:0;
width:350px; /*160 */
padding:1em;
}

#column2{
margin:0 350px 0 350px;
border-right:1px solid #000;
border-left:1px solid #000;
background: #fff;
padding:1em;
}

#column3{
position:absolute;
top:0; right:0;
width:350px; /*200 */
padding:1em;
}
Questo un frammento di HTML:
codice:
<div id="content">
<div id="wrapper">
	<div id="column1">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></div>
	<div id="column2">

Sed dapibus. Nunc pulvinar felis a nulla. Integer tempus feugiat libero. Aliquam scelerisque. Cras commodo venenatis leo. In ac eros.</p>

Cras fermentum erat. Proin iaculis, massa sed scelerisque posuere, magna justo malesuada neque, et placerat quam tellus vel mi. Pellentesque dui nulla, sollicitudin a, sodales tristique, auctor eget, enim. Fusce imperdiet fermentum ipsum. Nam facilisis bibendum leo.</p></div>
	<div id="column3">

Cras fermentum erat. Proin iaculis, massa sed scelerisque posuere, magna justo malesuada neque, et placerat quam tellus vel mi.</p></div>
</div>
</div>
Ora, nella visualizzazione il lato destro della colonna 1 e il lato sinistro della colonna 3
si appoggiano al margine, mentre io vorrei applicarvi un padding. Dove sbaglio?

Grazie
M.