January 29th, 2013, 09:48 AM
Float left is not working in IE9
I have this website:
and down near Psychology thumbnail it no longer floating left. I have tried to apply specific IE CSS hack code to move it:
but nothing is working. Can anyone explain why this is not working in IE9, or IE8 or 7? What CSS declaration am I missing?
width: 168px 0\0/;
height: 106px 0\0/;
overflow: hidden 0\0/;
Any help would be much appreciated.
January 29th, 2013, 07:28 PM
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; ?
January 29th, 2013, 11:49 PM
I know that IE 7 doesn't support inline-block. Maybe that would work in the newer versions of the IE though.
January 30th, 2013, 08:58 AM
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.
Originally Posted by khayhurst
January 30th, 2013, 11:55 AM
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?