Results 1 to 4 of 4

Thread: fixed width + fluid width (IE hack anyone?)

  1. #1
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default fixed width + fluid width (IE hack anyone?)

    I'm using DD's left frame layout and I've got the right (content) column set at 800px. With the left (static) column, this makes the site 950px wide. In order to prevent horizontal scrollbars on smaller screen/window sizes, I added a "max-width: 95%" in the inner padding div, like so:
    Code:
    #main{
    width: 800px;
    [...]
    }
    [...]
    .inwrap{
    max-width: 95%;
    [...]
    }
    this keeps everything within the screen width in FF, but IE just ignores it.

    the site is here
    the css is here

    Does anyone have a suggestion? thanks!

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

  3. The Following User Says Thank You to bluewalrus For This Useful Post:

    traq (02-26-2009)

  4. #3
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    well, good information, the second one especially. so far I'm not getting it to work in percents. I can at least get it to resize to 800px width if it's smaller than 950, which is my main goal anyway.

    But if anyone has anything else, I'd be happy to hear it!

  5. #4
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    actually... this isn't working out too well. It does what I want it to do for IE, when the browser window is too small, but completely messes up the layout otherwise, and in other browsers. It's also interfering with my glossymenu css, for some reason.

    this is what I've got:
    Code:
    #main .inwrap{
       width: expression(document.body.clientwidth < 950px? "800px": "auto";
       }
    any suggestions?

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •