ansaurus

Question

Question regarding div height adjustment

Answer 1

+1 A:

You can do it using position:fixed, although IE support for this is not great. Here's something you might be able to use:

<html>
    <head>
     <style>
#header { position: fixed; top: 0px; left: 0px; width: 100%; height: 90px; }
#footer { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 60px; }
#content { position: fixed; width: 100%; height: auto; top: 90px; bottom: 60px; overflow: auto }
     </style>
    </head>
    <body>
     <div id="header">Header</div>
     <div id="content">
      <p>Content</p>
      <p>Content</p>
      ...etc...
      <p>Content</p>
     </div>
     <div id="footer">Footer</div>
    </body>
</html>

See here for more information, including another example.

Mark Byers 2009-12-14 20:20:04

Hey, that seems to work just perfectly! Thanks! Using position: fixed; for all is fairly neat, though it's not really working with IE at the moment :)

mathon12 2009-12-14 20:29:28

I think it works in IE8 now

WilliamLou 2009-12-23 22:46:01

ansaurus

tags:

views:

answers:

Question regarding div height adjustment

related questions