cols again

Sorry that I keep asking, but I just don't get it!
If I have it like this the margins left, right ant bottom don't do anything. I only have a top-margin of 50px. But I want a margin on the left, right and bottom.
I guess I'll use tables or something else...are tables just as good?
Thanks for your help/

body{ margin-right:50px;
margin-left:50px;
margin-top:50px;
margin-bottom:50px;
padding:0px;
height:100%;
width:100%; }

#leftcontent { position:absolute;
left:0px;
border:1px solid;
padding:0px;
background: #ffc;
width:150px;
height:100%;}

#centercontent{position:absolute;
margin-left:150px;
border:1px solid;
padding:0px;
background: #ff0;
width:150px;
height:100%;}

#rightcontent{position:absolute;
margin-left:300px;
border:1px solid;
padding:0px;
background: #ff0;
width:150px;
height:100%;}

<body>

<div id="leftcontent">
chocolate-kiwi chocolate-kiwi
</div>
<div id="centercontent">
chocolate-kiwi chocolate-kiwi
</div>
<div id="rightcontent">
</body>
</html>

cols again

fixed?

kiwi

photon

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week