The IWDN

Advanced Search





You are not logged in.

IWDN Forum Index > Web Development > Web Design, Structure and Style >> 3 Column Holy Grail

Reply
 
Thread Tools
Old July 6th, 2007, 13:43   #1
Jamie's Avatar
Jamie
IWDN Admin
 
Join Date: Oct 2004
Location: West Yorkshire, UK
Posts: 6,505
3 Column Holy Grail

I'm using the three column layout from Glish to produce a three column layout with fixed outer columns and a fluid centre column.

However, because this technique uses absolute positioning to position the outer columns, things get pair shaped when one or both of the outer columns are longer than the centre column, because the footer rests below the height of the centre column as opposed to below the height of the larger columns (hence the footer is half way up the page).

Obviously, clearfix doesn't work because of the absolute positioning which is involved in this method from Glish.

I've always used the Glish method when using a fluid centre column. I guess I'm looking for a modification to this method to allow the footer to sit under the longest column (whether it is left, centre, or right) or if there is a totally different method for a fluid centre column, I would appreciate a link or advice on how to do it.

I have, in the past, defined a specific height for the centre column on each individual page to make it longer than the outer columns which in turn pushes the footer down, but the site I'm working on right now is going to be updated by the client via a CMS, so a fixed height which is hard-coded in to each page isn't going to work.

Thanks in advance!
__________________
JamieHarrop.com - Young Entrepreneur... the life as

Subsribe to my RSS feed
Jamie is offline   Reply With Quote
Old July 6th, 2007, 15:00   #2
Tjobbe's Avatar
Tjobbe
Coolest dog in the world..
 
Join Date: Oct 2004
Location: Banbury, UK
Posts: 2,228
if you dont need back ground images, then this should work for you: http://www.sitecreative.net/jh/

if you do though, then it might be a problem.
Tjobbe is offline   Reply With Quote
Old July 6th, 2007, 15:11   #3
Martin
Rarely wrong
 
Join Date: Oct 2004
Location: Englishman in Texas
Posts: 894
Hate to blow my own trumpet, but my own templates that I've referenced in the past should work just fine for this. The advantage of this method is that the columns are also source-ordered.

Specify an overall width on #pagewrap (can be px, em or %), your #sec and #ter fixed dimensions, and #pri will always fill the remaining space, no matter if it's fixed-width or fluid.
__________________
Peace out, bitches.
Martin is offline   Reply With Quote
Old July 6th, 2007, 16:19   #4
Martin
Rarely wrong
 
Join Date: Oct 2004
Location: Englishman in Texas
Posts: 894
http://dev.ardenthouse.com/templates...mplates_v2.zip
__________________
Peace out, bitches.
Martin is offline   Reply With Quote
Old July 6th, 2007, 16:22   #5
Jamie's Avatar
Jamie
IWDN Admin
 
Join Date: Oct 2004
Location: West Yorkshire, UK
Posts: 6,505
Thanks Martin.
__________________
JamieHarrop.com - Young Entrepreneur... the life as

Subsribe to my RSS feed
Jamie is offline   Reply With Quote
Old June 2nd, 2010, 08:26   #6
steven123
Newcomer
 
Join Date: May 2010
Posts: 2
I’m sorry. Really. I didn’t name it. I don’t mean to overstate its importance or trivializeemc training
the other and rather weightier holy gril

But the name’s out there, and we all know what it means.

Three columns. hyperion training
One fixed-width sidebar for your navigation, another for, say, your Google Ads or your Flickr photos—and, as in a fancy truffle, a liquid center for the real substance. Its ibm certification dumps
wide applicability in this golden age of blogging, along with its considerable difficulty, is what has earned the layout the title of Holy Grail.
__________________
steven
citrix training
steven123 is offline   Reply With Quote
Old July 28th, 2010, 14:12   #7
sasha mazur
Aspiring Enthusiast
 
Join Date: Dec 2009
Posts: 15
Thanks for sharing the information.
If you need help write me
__________________
http://www.websitetemplates.bz
sasha mazur is offline   Reply With Quote
Old August 3rd, 2010, 03:27   #8
annieshark
Aspiring Enthusiast
 
Join Date: Aug 2010
Posts: 15
This is great!! Definitely bookmarking this thread
__________________
Award winning web design in Sydney
annieshark is offline   Reply With Quote
Reply


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump