IE9 div issue

Discussion in 'HTML & Website Design' started by chrisj, Dec 18, 2013.

  1. #1
    I have a web page that appears as designed in Firefox, Chrome, and most IE versions, except IE9.
    But, in IE9, a div, that appears above another div, is now below, and a div that appears the size specified in css, appears shorter with a right-side scroll bar.
    So, it's clear to me that my coding needs a tweak.
    Would you be interested in providing some insight as to what I could do to remedy this?
    Thanks
     
    chrisj, Dec 18, 2013 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Without seeing the site and/or code involved, it's hard to help. The usual culprits may include no doctype giving you quirks, different font rendering resulting in different widths (rare, but it happens), different treatment of comments between sibling elements (YES, I SAID COMMENTS can trip rendering bugs, as crazy as it sounds), using that stupid malfing X-UA-Compatible bull that has no business on a website, trying to use that 'grid' asshattery or some dumbass idiotic bloated 'framework', attempting to use flex-box which doesn't even exist in IE9/lower, some other jumping the gun on specifications not ready for daylight (CSS3 layout) or just plain bad idea (the steaming pile of manure known as HTML 5), or just plain faulty layout building methodologies like 'perfect width floats' where you floated everything, instead of floating one thing and letting the other element auto-adjust.

    But that's all wild guesses without seeing what you have.
     
    deathshadow, Dec 18, 2013 IP
  3. 1a26z

    1a26z Member

    Messages:
    28
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    40
    #3
    Try making sure you haven't zoomed in accidentally on IE9.
    Make sure you zero out border, margin, padding.
    Make sure div has closing tag and is nested correctly.
    <div a> <div b> </div a> </div b> is incorrect, though some browsers will render it correctly.
    Inconsistency though, I've usually found to do with one of the above reasons.

    How does it render in pre IE9 versions?
    If you can get one of the other browsers to do the same thing, it'll mean the code isn't right and it'll be inconsistent somewhere.
     
    1a26z, Dec 19, 2013 IP