Float left is not working in IE9

Dev Shed Forums Sponsor:

January 29th, 2013, 09:48 AM

alpdog14

Registered User

Join Date: Oct 2009

Posts: 13

Time spent in forums: 1 h 41 m 30 sec
Reputation 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.

January 29th, 2013, 07:28 PM

khayhurst

Registered User

Join Date: Jan 2013

Posts: 10

Time spent in forums: 3 h 16 m 38 sec
Reputation 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; ?

January 29th, 2013, 11:49 PM

Nanomech

Contributing User

Join Date: Aug 2011

Location: The Pleiades

Posts: 196

Time spent in forums: 1 Day 23 h 53 m 4 sec
Reputation Power: 7

I know that IE 7 doesn't support inline-block. Maybe that would work in the newer versions of the IE though.

Regards,

NM.

__________________
"WERE NOT WORTHY!"

"WERE NOT WORTHY!"

January 30th, 2013, 08:58 AM

alpdog14

Registered User

Join Date: Oct 2009

Posts: 13

Time spent in forums: 1 h 41 m 30 sec
Reputation Power: 0

Quote:

Originally Posted by khayhurst

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.

January 30th, 2013, 11:55 AM

Nanomech

Contributing User

Join Date: Aug 2011

Location: The Pleiades

Posts: 196

Time spent in forums: 1 Day 23 h 53 m 4 sec
Reputation Power: 7

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.

Float left is not working in IE9

Developer Shed Advertisers and Affiliates