ultrus Posted December 2, 2007 Share Posted December 2, 2007 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 Quote Link to comment Share on other sites More sharing options...
Trium918 Posted December 2, 2007 Share Posted December 2, 2007 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] Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.