CSS Fluid 100% Problem

  • Frostbyt3
  • Graduate
  • Graduate
  • User avatar
  • Posts: 221
  • Loc: Corpus Christi, TX

Post 3+ Months Ago

Trying to get this CSS Layout working that I just made.

Problem is the two divs I have that hold the left menu and the content on the right are set to stretch to 100% BUT they don't stretch...well...they DO stretch but they stretch 100% of the BROWSERS viewable area.

Im not sure if I explained that well enough but if 100% of the body is 600px high it will stretch it to 600px instead of 550 (assuming 50px of the space has been taken).
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

I understand what you are saying...


Try something like 25% for the left menu and 75% for the content or whateve rpercentages you need... that could be too big for the left menu...
  • Frostbyt3
  • Graduate
  • Graduate
  • User avatar
  • Posts: 221
  • Loc: Corpus Christi, TX

Post 3+ Months Ago

okay, what about the footer? I can't get it to goto the very bottom..it just sits behind the leftmenu and content at the top
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

Try clear: both; property in your CSS.
  • Frostbyt3
  • Graduate
  • Graduate
  • User avatar
  • Posts: 221
  • Loc: Corpus Christi, TX

Post 3+ Months Ago

That seems to work thanks.

What exactly does clear:both; do?
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

It clears the floats.

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 39 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
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.