Comments on Faux Columns for Liquid Layouts - AddedBytes.com

Comment on Faux Columns for Liquid Layouts

2008-07-07T15:27:06+01:00

Comment by Martin ( http://www.mcbwebdesign.co.uk )

Kind of what I'm after, but I would like to have a background colour (so an actual

tag) 100% height of the browser window.

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.

Any one able to spare a nugget of advice on how to remedy this?

Comment on Faux Columns for Liquid Layouts

2008-06-22T15:32:36+01:00

Comment by Gena ( http://www.shopperdropper.net )

I appreciate that you make these resources available to everyone.

Comment on Faux Columns for Liquid Layouts

2008-03-01T09:35:09+00:00

Comment by amrinz ( http://www.linuxindo.web.id )

I scrap it as book now for read tonight,

;-)

Comment on Faux Columns for Liquid Layouts

2007-10-07T20:06:30+01:00

Comment by 2columns.net Team ( http://2columns.net )

Check out 2columns.net. It can really help in some cases.

Comment on Faux Columns for Liquid Layouts

2007-09-13T02:26:23+01:00

Comment by Steve-0 ( )

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?

Comment on Faux Columns for Liquid Layouts

2007-08-25T13:06:47+01:00

Comment by Suz ( )

Re: Autocrat -

"...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...

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!) "

=========
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!

Comment on Faux Columns for Liquid Layouts

2007-08-19T02:44:45+01:00

Comment by Mandalay ( )

Would somebody please respond to Joe's question (#14) above? With wider and wider screens, the problem seems set to get worse - or what?

- A rookie

Comment on Faux Columns for Liquid Layouts

2007-04-22T22:13:56+01:00

Comment by Autocrat ( )

* Apologies - just to clarify my previous "requests"

...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...

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!)

:)

Comment on Faux Columns for Liquid Layouts

2007-04-22T22:03:32+01:00

Comment by Autocrat ( )

Nice example...

If you're up for it - fancy having a go at...
1) Making it EM'able for the side Column.
2) Trying it with 3 Columns.
3) The real killer - 2 and 3 Columns, with transparent gaps between each column so we can see your pretty background.

:)

Personally, I've tried. Hell, I even resorted to scouring the internet and looking things up.
As far as I know, till such time as browsers all work the same way ... *cough at certain browser*, this is not doable.

Still, loved the write up, and keep up the fine work.

Comment on Faux Columns for Liquid Layouts

2007-03-05T06:11:30+00:00

Comment by Jonathan ( http://www.ginside.com )

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.