Jump to content

three columns, fixed center, stretched outer columns to fit window? tabless?


ultrus

Recommended Posts

Hello,

I've seen many sample css layouts where there are two fixed outer columns with a stretching center column. I'm trying to create a css layout with a fixed width center, and stretching outer columns that fit the screen. While I can do this using tables, I'm not sure how to do this without tables. Any ideas on how to get started?

 

Thanks :)

Play with this for starters!

 

#container {
width: 100%;
}
#left_content {
width: ; /* set your width */
float: left:
}
#right_content {
width: ; /* set your width */
float: right:
}

#middle_content {
width: ; /* set your width */
margin: 0px auto;
}
[code]

[code]
<div id="container">

<div id="left_content"> </div>

<div id="right_content"> </div>

<div id="middle_content"> </div>

</div>

[/code][/code]

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.