Home › Forums › CSS › Horizontal Layout Problem Driving Me Nuts! › Re: Horizontal Layout Problem Driving Me Nuts!
June 4, 2009 at 1:23 pm
#58584
vincent
Member
<div id="container">
<div id="colum1">
text
</div>
<div id="colum2">
other thing
</div>
<div id="colum3">
search?
</div>
</div>
CSS
If you’re not using an external file, you put this in the header:
<style type="text/css">
#container {width: 900px; margin: 0 auto;}
#colum1 {width: 300px; margin: 0; padding: 0; float: left}
#colum2 {width: 300px; margin: 0; padding: 0; float: left}
#colum3 {width: 300px; margin: 0; padding: 0; float: left}
</style>
I didn’t test this or anything, but that’s generally what you need to make a 3 column layout