CODEWITHSUNDEEP
cssinternet-explorer-7internet-explorer-6
mrdaliri
mrdaliri

Reputation: 7328

IE6 floated labels

Another IE6 (and 7) float problem. I've some labels at right and some inputs, textarea and span at left. http://jsfiddle.net/VRErj/1/

How can I fix it?

Edit: screenshot

Upvotes: 0

Views: 73

Answers (1)

Jeff
Jeff

Reputation: 14279

As My Head Hurts mentioned, clearing is a pain in IE 7 and below. You can wrap your label/input pairs in a div and apply the clearfix class to it that you get on this page: http://www.positioniseverything.net/easyclearing.html. It would look something like this:

<div class="clearfix">
    <label for="input1">input 1:</label>
    <input type="text" name="input1" id="input1" />
</div>
<div class="clearfix">
    <label for="input2">input 2:</label>
    <input type="text" name="input2" id="input2" />
</div>
<!--etc...-->

That should do it.

Upvotes: 1

Related Questions