treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Display Issue with IE For Position of Divs

  • Hi There! I have three divs that I am using with specific positioning so that they can go over another div. btn-contact btn-sm btn-login

    In firefox it looks just as I want it to but in IE it does not.

    Can anyone please help me out? Let me know what I am doing wrong? I would like to have a way to do this without using an IE hack. I must be doing something wrong so that IE is not recgonizing it properly.

    Thanks so much in advance. I created a Codepen for you to review, my first time so I think I am linking to it corectly.

    http://cdpn.io/FbdEA

    Check out this Pen!

    Thanks in advance for your help!

    Jess

  • Seems to be fine in IE10

  • I seem to be having trouble responding! Hope this one saves. I have IE9 and it does not work there for some reason. Not sure why IE is responding differently. Anyway, thank you for taking the time to look. 8-)

  • It all looks fine to me even in IE7 and IE8. Can you point out what's not looking right on your end? Screenshot perhaps?

  • I can, not sure how to add a screenshot here so I will link to it.

    This link is for how it displays in IE: IE Screenshot

    This is for how it displays in firefox: Your text to link here...

  • ok, just discovered why it works for some and not for me, We use this code because we want to be sure that the site will look the same in older versions of IE and when I remove it, it works.

    So the issue I am having must have to do with older versions of IE and I may not be able to find a solution other than a hack, unless anyone has any ideas on why the older version is not recognizing the code...

  • <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />