Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Dec 2008
    Posts
    95
    Thanks
    7
    Thanked 0 Times in 0 Posts

    IE 6 extends floated div with defined height

    Hi everyone, I have two div's. Both are floated left and one is contained by the other. The outside one has a fixed height and the inside one does not in order to allow it to extend when additional content is added. However, in IE6, when the inside div overflows the container div, the outside div extends itself along with the inside div. How can I prevent this?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,695
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    Kind of sounds like your describing this bug: http://www.positioniseverything.net/...ingboxbug.html

    Complete list here:http://www.positioniseverything.net/explorer.html
    Hmm, I'll bet it's not the complete list of IE bugs... but there are a lot there.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    alexmel7 (03-04-2009)

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    This is the default behavior, and my tests reflect it. If you want the outer div to scroll, use the overflow: auto; rule.

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Join Date: Oct 2007

    Location: In your MIND.

    I wish you were. I'd be a better coder then!

    Posts: 1,532
    Thanks: 13
    Thanked 132 Times in 131 Posts
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    New Coder
    Join Date
    Dec 2008
    Posts
    95
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Thanks everyone. The container div is pretty much just a solid color box that always has a fixed height and width, so I made it a gif image and just set the background-repeat to no-repeat. This seems to have solved the problem in IE6.


  •  

    Posting Permissions

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