#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2009
    Posts
    13
    Rep Power
    0

    Float left is not working in IE9


    I have this website:

    http://www.luc.edu/cas/

    and down near Psychology thumbnail it no longer floating left. I have tried to apply specific IE CSS hack code to move it:

    Code:
    width: 168px 0\0/;
    height: 106px 0\0/;
    overflow: hidden 0\0/;
    clear:both 0\0/;
    but nothing is working. Can anyone explain why this is not working in IE9, or IE8 or 7? What CSS declaration am I missing?

    Any help would be much appreciated.
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    10
    Rep Power
    0

    IE is a pain to troubleshoot css :s


    Unfortunately when IE is the only browser that is having trouble displaying the css correctly it can be tougher to find the solution. I've never really had issues with IE floating but I tend to only float when I want to layer elements. Have you tried using display:inline-block; ?
  4. #3
  5. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    9
    I know that IE 7 doesn't support inline-block. Maybe that would work in the newer versions of the IE though.

    Regards,

    NM.
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2009
    Posts
    13
    Rep Power
    0
    Originally Posted by khayhurst
    Unfortunately when IE is the only browser that is having trouble displaying the css correctly it can be tougher to find the solution. I've never really had issues with IE floating but I tend to only float when I want to layer elements. Have you tried using display:inline-block; ?
    I have tried to apply display:inline-block; to the IE9 specific hack but nothing happened, is there anything I can try to get that DIV to float left even though that CSS declaration is in there.
  8. #5
  9. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    9
    You can just float them left surely?

    Like khayhurst said, I too have never had any problems with floating in IE.

    Is your HTML and CSS validated?

    Regards,

    NM.

IMN logo majestic logo threadwatch logo seochat tools logo