float: right in IE7 dropping to a new line

css internet-explorer-7 css-float
CoreyT picture CoreyT · Jan 25, 2011 · Viewed 17.2k times · Source

I've been stuck on a float issue for a little while so I am hoping the community can help me again. I have a new webform here. As usual it looks fine in everything but IE7 (or IE8 in compatibility).

For some reason some of the containers are ending up with the form field on a new line below the form text. CSS is not my strong point, otherwise I'd be able to fix this I am sure. Can anyone tell me what I am missing here?

I tried adding float: left to the form text but that ended up with a whole other mess.

Answer

oryol picture oryol · Jan 25, 2011

Try to small change markup: place items with a float before items without it (from the same row). It should help.

Related questions

How to fix Internet explorer 7 bug when using percentage widths for layout?

Please help me in this. I need to create a layout using percentage widths. I have a wrapper that is 100% width. Now I have a DIV (the main wrapper.. I want to keep it at 94% width percentage.. 94% of 100% body).. okay …

Read More
IE7 Z-Index Layering Issues

I've isolated a little test case of IE7's z-index bug, but don't know how to fix it. I have been playing with z-index all day long. What is wrong with z-index in IE7? Test CSS: input { border: 1px solid #000; } …

Read More
clientHeight/clientWidth returning different values on different browsers

Properties document.body.clientHeight and document.body.clientWidth return different values on IE7, IE8 and Firefox: IE 8: document.body.clientHeight : 704 document.body.clientWidth : 1148 IE 7: document.body.clientHeight : 704 document.body.clientWidth : 1132 FireFox: document.body.clientHeight : 620 document.body.clientWidth : 1152 Why does this …

Read More