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 Link to comment https://forums.phpfreaks.com/topic/79796-three-columns-fixed-center-stretched-outer-columns-to-fit-window-tabless/ 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] Link to comment https://forums.phpfreaks.com/topic/79796-three-columns-fixed-center-stretched-outer-columns-to-fit-window-tabless/#findComment-404072 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.