Problems with 3 column layout -level columns

	Home Register Search Help Login

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Problems with 3 column layout -level columns

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Problems with 3 column layout -level columns

Page: [1]


GolfMad Posts: 190 Joined: 3/20/2002 From: UK Status: offline	Problems with 3 column layout -level columns - 1/8/2008 4:57:25 http://www.rationalservice-sw.co.uk/real/ In the old days of tables, I sometimes remember cursing when increasing a cells content made all the row the same height by default - now I want that to happen automatically in css, I dont know how to do it!! The left hand column does not expand when more content is added to the other two columns and as it has a red background, rather than white, it does not look right right. Can anyone help please. Thank you Phil


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Problems with 3 column layout -level columns - 1/8/2008 5:58:05 Hi Phil Yes the background colour will only extend as far as the content. The way around it is it use Faux columns - which sounds, at first like a bit of a faff - but actually it's quite straightforward. Here's an article on the subject: http://www.alistapart.com/articles/fauxcolumns/ Basically, instead of giving the sidebar a background colour, you give the div containing the sidebar and the main content (or the main content div if that contains the sidebar) a background image which is a thin strip of red to the right width, repeating vertically behind the sidebar. So what you end up with is the effect of having equal columns as the background image will expand to the full height of the main div whatever that is. I use this technique on virtually every site I do. _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to GolfMad)


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Problems with 3 column layout -level columns - 1/8/2008 6:07:21 Here you go: TEST PAGE (I've added the extra CSS rule into the page head but obviously you'd want to move that to the stylesheet) _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to Tailslide)


GolfMad Posts: 190 Joined: 3/20/2002 From: UK Status: offline	RE: Problems with 3 column layout -level columns - 1/8/2008 6:31:02 Thanks so much Tailside. I have got it to work, the article was slightly confusing at first, talking about the absolute and relative positioning, whereas my container is centred. However the centre positioning for the container seems to have disposed of the need for the positioning that was in the article and the other principles from it have worked. Thanks again. Phil (in reply to Tailslide)


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Problems with 3 column layout -level columns - 1/8/2008 6:40:12 Yeah don't bother with the absolute positioning - just use what I've used in the test page in my last post - that works well. _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to GolfMad)

Page: [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Problems with 3 column layout -level columns

Page: [1]

Jump to: 1

New Messages	No New Messages
Hot Topic w/ New Messages	Hot Topic w/o New Messages
Locked w/ New Messages	Locked w/o New Messages

Post New Thread

Reply to Message

Post New Poll

Submit Vote

Delete My Own Post

Delete My Own Thread

Rate Posts