3 Column CSS Layout

What's the best way to do a CSS 3 Column layout?

Mine is screwed in Internet Explorer but OK in firefox.




Something like:

<div id="container">
<div id="col1"></div>
<div id="col2"></div>
<div id="col3"></div>
</div>

Then you do some CSS like:

#container{

}
#col1{
width: 120px;
float: left:
}
#col2{
width: 600px;
float: left:
}
#col3{
width: 120px;
}

Post new comment

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options