Acheiving Full Height Columns with a Liquid Layout

  • Firemaster
  • Novice
  • Novice
  • No Avatar
  • Joined: Apr 19, 2008
  • Posts: 22
  • Status: Offline

Post April 23rd, 2008, 9:21 pm

I have a question! I am making a liquid layout and I can't seem to get my columns to go to full height for me. I am little confused on how I can achieve this with a liquid layout? I know faux columns and tried and can't get to work. It throws the layout all of wack. Can some please help!!!

Thanks,

Chris
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 23rd, 2008, 9:21 pm

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post April 23rd, 2008, 11:15 pm

are they supposed to be 100% of the browser or 100% of a containing div?
have you tried:
Code: [ Select ]
div.what-ever-its-name-is
{
height:100%
min-height:100%
}
  1. div.what-ever-its-name-is
  2. {
  3. height:100%
  4. min-height:100%
  5. }
Let's leave all our *plum* where it is and go live in the jungle ...
  • Firemaster
  • Novice
  • Novice
  • No Avatar
  • Joined: Apr 19, 2008
  • Posts: 22
  • Status: Offline

Post April 24th, 2008, 7:23 am

I want them if there is more content in the left column than the right they still touch the footer same for the mainbody of the site where the news and such is. My site is load through php because I use Joomla to run my site. I want all three columns to be even. I have a header image at the top and a image at the bottom for the footer they 960px in width.

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 83 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.