Legend Doesn't Float Left On Ie7

November 21, 2023 Post a Comment

I am having trouble on IE7. I have following html format.

Legend

Div 1

Solution 1:

Andres almost had it. Add a "*float: none" after the "float: left" and you should be good.

.wrapper.ct {
    display:inline-block;
    float:left;
    *display:inline;
    *float:none;
}

Here's the updated fiddle

Solution 2:

IE does not understand display:inline-block, you can use display:inline instead with a hack to target that browser alone, like so:

.wrapper.ct {
    display:inline-block;
    *display:inline;
    float:left
}

Solution 3:

For IE7 only, try setting to display: inline (not inline-block).

Baca Juga

Getting An Element To Overlap An Image
Creating A Checkbox In Javascript And Dhtmlx
How Do I Make A Canvas Drawing To Completely Fill The Browser?

Right, forgot how much a pain legend is. You likely need to use absolute position to place it as such - with a left margin on the others or padding-left on the parent. Depends on the design.

Html5 Guru

Legend Doesn't Float Left On Ie7

Solution 1:

Solution 2:

Solution 3:

Post a Comment for "Legend Doesn't Float Left On Ie7"