#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2004
    Posts
    160
    Rep Power
    15

    IE 6 + Rendering


    Hello,

    I am using ASP.NET to create a web application. I HAVE to use a master page which means that I do not have complete control over the rendering.

    The trick is, the master page defines a menu at the top of the page. I need to create a table that dynamically fills the contents of the REMAINDER of the screen. If there is any overflow, I want to scroll the contents.

    Does anyone know how I can have the table fill the REMAINDER of the screen? I can nest DIVs and such once I have that outer table.

    Thank you!
    Crystal
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2005
    Posts
    239
    Rep Power
    42
    Code:
    <div id="remainder">
      <div id="content">
        <p>All your stuff here</p>
      </div>
    </div>
    css Code:
    #remainder {position:absolute; top:75px; left:0; right:0; bottom:0; z-index:-1; padding:0;}
    * html #remainder {top:0; padding-top:75px;}
    #content {overflow:auto;}


    Where I've put 75, put the height of the menu in pixels. If the height of the menu is in em or (unlikely) %, use that instead.

    If IE6 is in quirks mode, that will work. If they're using a proper doctype and don't have a comment or xml or whatnot before the doctype, I don't think that will work as expected...
    Last edited by bmitchell@2s4e; October 2nd, 2006 at 06:45 PM.
  4. #3
  5. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    Last edited by Kravvitz; October 2nd, 2006 at 06:51 PM.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo