www.webdeveloper.com
Results 1 to 4 of 4

Thread: Forcing a fluid div to overflow?

  1. #1
    Join Date
    Jul 2007
    Posts
    219

    Forcing a fluid div to overflow?

    Footer problems in IE6.

    See:

    http://www.josiahkiehl.com/resume/resumeGeneral.html

    In Firefox / IE7, it works fine... the problem in IE6 shows when you scroll down. The div doesn't scroll on overflow, it just doesn't ever over flow. It extends to fit the content. I don't want to make it a static height. I like how it adjusts for height in Firefox.

    Ideas?
    "...art can lead you to God...if it's not doing that, it's leading you the other way. It's certainly not leading you nowhere."
    Bob Dylan

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    #content
    {
    width: 560px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1px;
    padding-bottom: 35px;
    background-color: #002F2F;
    color: #EFECCA;
    position: absolute;
    top: 270px;
    bottom: 50px;
    z-index: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    }
    I see no height: foo;, so there is nothing really to 'overflow'. IE6 is 'the problem child', but I am admittedly alittle surprised that this actually works in Fx without a height...
    I suspect that the "position:absolute;" (which lifts this out of the document flow) has something to do with this behavior. The height statement will fix is for IE6, and will work for all other browsers as well.
    Last edited by WebJoel; 08-24-2007 at 05:48 PM.
    I build for: Firefox and tweak for IE

  3. #3
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    But he set the top and bottom properties.

    IE5-6/Win wrongly ignores the right property when the left property is set and the bottom property when the top property is set.

    To do this in IE6, you need some JavaScript code. For help with that check this out.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

    Check out my blog.

  4. #4
    Join Date
    Jul 2007
    Posts
    219
    That worked for me, thanks!

    (Then I went and redid the entire site anyway.. >_>)

    Thanks anyway. :P
    "...art can lead you to God...if it's not doing that, it's leading you the other way. It's certainly not leading you nowhere."
    Bob Dylan

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles