Ben If the window gets below a certain width, then inevitably the content must pop up above the fixed width sidebar. That is the whole point of the content first approach, I thought.
It's true that with an extremely wide screen a gap will open up. I guess if that's a problem for your client, then it's your problem. Another way to handle this is to use javascript to manually adjust the style settings according to the screen size. regards Mark ======================================== Mark Huppert Library Web Development & Integrated Library Management System Coordinator Division of Information R.G. Menzies Building (#2) The Australian National University ACTON ACT 0200 T: +61 02 6125 2752 F: +61 02 6125 4063 W: http://anulib.anu.edu.au/about/ CRICOS Provider #00120C ======================================== -----Original Message----- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Ben Davies Sent: Monday, 17 August 2009 4:14 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Fixed Sidebar Fluid Content - Source Order Limitations Hi Kepler, >You may want to try max-width on your main content. I'm not sure if that will work for you since you didn't post a link. I tried max- and min-width in a few combinations and could not get it to work (and makes my content no longer fluid ). Hi Mark Thanks for the sample code. The problem with that approach is that if the window is too small the sidebar will drop down. If it is too large my content area will grow but I will introduce a big gap between the sidebar and the content. The markup below demonstrates what I currently have. Works great but I suspect content-first source ordering is impossible: <html><head> <title>test</title> <style type="text/css"> #cont { padding:10px; margin-left: 220px; } #sidebar { float:left; background: #DDDDDD; margin: 10px; margin-right:0px; font-size:90%; width:200px; } </style> </head> <body> <div id="wrap"> <div id="sidebar"> Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar </div> <div id="cont">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </div> </div> </body></html> Ben Davies ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************
