Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Horizontal Layout Problem Driving Me Nuts! Re: Horizontal Layout Problem Driving Me Nuts!

#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