CODEWITHSUNDEEP
htmlcss-float
Premanshu
Premanshu

Reputation: 626

The strange ways of IE7: divs with floats

I read few articles on float used with nested divs but I'm unsure as to where the real culprit is...

The following is the html I'm using ..It works everywhere but in IE7.

The fiddle link is http://jsfiddle.net/7NynC/8/

Hope some html souls to make this life easier.

Upvotes: 0

Views: 47

Answers (2)

canon
canon

Reputation: 41675

IE7 is sort of screwy in that respect. If you want your right-floated elements to stay on the same line, you'll need to place them higher in the markup, i.e. before the element to which it's supposed to appear adjacent. (fiddle)

Upvotes: 2

Nate B
Nate B

Reputation: 6356

I assume your problem is that the toolbar to the right is dropping down a line (I didn't check IE7). Just switch their position in the code (put the right-floated element first) and it should fix it.

Upvotes: 1

Related Questions