http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/Latest comments on Faux Columns for Liquid Layouts on AddedBytes.comhttp://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by Martin ( <a href="http://www.mcbwebdesign.co.uk">http://www.mcbwebdesign.co.uk</a> )<br /><br />Kind of what I'm after, but I would like to have a background colour (so an actual <div> tag) 100% height of the browser window.<br /> <br /> I nearly got it working by setting body and html to display:block and height:100%, but when my content extended to more than 100% of the browser window, no scrollbars appear.<br /> <br /> Any one able to spare a nugget of advice on how to remedy this?http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by Gena ( <a href="http://www.shopperdropper.net">http://www.shopperdropper.net</a> )<br /><br />I appreciate that you make these resources available to everyone.http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by amrinz ( <a href="http://www.linuxindo.web.id">http://www.linuxindo.web.id</a> )<br /><br />I scrap it as book now for read tonight, <br /> <br />;-)http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by 2columns.net Team ( <a href="http://2columns.net">http://2columns.net</a> )<br /><br />Check out 2columns.net. It can really help in some cases.http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by Steve-0 ( <a href=""></a> )<br /><br />I'm having an issue with my faux columns in IE6. After taking some time to get what I wanted to work working, IE6 put out yet another problem. View this page in Firefox> http://sheepskinshoestore.com/ecom/ProductDetail.php?id=8690&category=24 everything looks great. But when view this in IE6 on vista all goes a bit to pot! And I can't find a fix for it. Can anyone help?http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by Suz ( <a href=""></a> )<br /><br />Re: Autocrat - <br /> <br />"...imagine that each column is to be distinctly seperate, with say a 15px gap or such between each, whilst appearing as a "pretty box" - lets say curved corners with a slight inner bevel... <br /> <br />As yet, I cannot find a way to do this with the gap between each column (due to column bg's running through and showing up!) " <br /> <br />========= <br />Check out http://www.csszengarden.com/?cssfile=200/200.css This is a specific design that seems to do exactly what you describe! (If you actually read the page, it is an exercise in CSS - you can view 'all designs' and then view them by category, such as 2 column, etc) They are all pretty nifty!! And they all use the *same* html file - enjoy!http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by Mandalay ( <a href=""></a> )<br /><br />Would somebody please respond to Joe's question (#14) above? With wider and wider screens, the problem seems set to get worse - or what? <br /> <br />- A rookiehttp://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by Autocrat ( <a href=""></a> )<br /><br />* Apologies - just to clarify my previous "requests" <br /> <br />...imagine that each column is to be distinctly seperate, with say a 15px gap or such between each, whilst appearing as a "pretty box" - lets say curved corners with a slight inner bevel... <br /> <br />As yet, I cannot find a way to do this with the gap between each column (due to column bg's running through and showing up!) <br /> <br />:)http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by Autocrat ( <a href=""></a> )<br /><br />Nice example... <br /> <br />If you're up for it - fancy having a go at... <br />1) Making it EM'able for the side Column. <br />2) Trying it with 3 Columns. <br />3) The real killer - 2 and 3 Columns, with transparent gaps between each column so we can see your pretty background. <br /> <br />:) <br /> <br />Personally, I've tried. Hell, I even resorted to scouring the internet and looking things up. <br />As far as I know, till such time as browsers all work the same way ... *cough at certain browser*, this is not doable. <br /> <br />Still, loved the write up, and keep up the fine work.http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/http://www.addedbytes.com/article/faux-columns-for-liquid-layouts/comments/Comment by Jonathan ( <a href="http://www.ginside.com">http://www.ginside.com</a> )<br /><br />Such a great resource Dave. I've been developing sites for coming on 7 years now and your tutorials and tricks have continually returned here. You do some great work and I appreciate it.