Jump to content


Photo

how to auto-span the height of <div>???


  • Please log in to reply
2 replies to this topic

#1 yana

yana
  • Members
  • PipPipPip
  • Advanced Member
  • 45 posts
  • LocationToronto, Canada

Posted 18 September 2006 - 04:28 PM

On the following page www.exit911.com I have a blue coloured column on right hand side. I am using <div> tag for and I want it to auto-span in height 100% so that it goes all the way to the bottom of the Copyright bar.

How do I do that? I tried adding height:100% but that doesn't work completely...

I using the following style for it right now:
.body_right {
width:170px;
padding:15px;
float:left;
background:#EEF1F7;
text-align:center;
}

Yana

#2 obsidian

obsidian
  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 18 September 2006 - 04:41 PM

first off, just an FYI, but your page really borks in firefox...

hate to be the bearer of bad news, but there isn't a good way to do this as you're intending. you can use pseudo-columns and "fake" it with background colors, though. setting up your entire site to a two column CSS layout with your right column being that light blue background, that will help. then, you drop a background-image into the entire body of the site that forces that right column to appear to go all the way down even when the content of it doesn't stretch that far.
You can't win, you can't lose, you can't break even... you can't even get out of the game.

<?php
while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx

#3 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 18 September 2006 - 04:43 PM

Google for 'CSS faux columns' for details of the CSS background workaround to different column lengths.
Legend has it that reading the manual never killed anyone.
My site




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users