Element stretching in FF not IE

Discussion in 'CSS' started by thechasboi, Oct 26, 2006.

  1. #1
    I am having this crazy problem with this element. It never happened before. I think it might be because I added the padding but that does not make sense to me. Here is the link to the page I would appreciate some thought or solutions on this.

    http://www.indexedvisuals.com/scripts/contactcss.html

    Thanks in advance
     
    thechasboi, Oct 26, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Firefox is acting as it should. IE is in quirks mode due to the incomplete DTD. In quirks, it uses a non-standard box model, also known as the broken box model. In the proper model, width applies to the available content width. Padding, and then the border surrounds it. In IE's box model, The width applies to the outer edge of the border. After subtracting for border widths and padding widths, there could possibly be no room for content; that might explain why IE so totally screws up the overflow property.

    Apply a complete and proper DTD to bring IE into modern standards mode. Then adjust the width property appropriately.

    cheers,

    gary
     
    kk5st, Oct 26, 2006 IP