Search code examples
cssinternet-explorer-7internet-explorer-6

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

Solution

  • 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.