Легенда не плавает влево на IE7

У меня возникли проблемы с IE7. У меня есть следующий html-формат.Легенда не плавает влево на IE7

<fieldset class="wrapper"> 
    <legend class="ct">Legend </legend> 
    <div class="ct">Div 1</div> 
    <div class="ct">Div 2</div> 
</fieldset>

И это стиль CSS

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

, когда я проверить это на другой браузер работает нормально, но IE7 не делает. См. Снимок экрана ниже. Но если я использую div вместо легенды, тогда он работает. Здесь размещено: Jsfiddle enter image description here

источник

2012-04-05 Dips

Почему вы используете 'legend' элемент здесь? 'legend' используется для описания элементов внутри' fieldset' и не должно использоваться (afaik) вне 'fieldset'. Я думаю, что элемент заголовка (например, 'h2') здесь более уместен. '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' – powerbuoy

Это неправда HTML, элемент 'legend' предназначен для' fieldset'. [Контексты, в которых этот элемент может использоваться: как первый дочерний элемент элемента fieldset.] (Http://dev.w3.org/html5/spec/single-page.html#the-legend-element) – steveax

Я знаю что ты имеешь в виду. Это на самом деле внутри fieldset, где divs лежат с легендой. Это своего рода формат в CMS, и я не могу измениться. – Dips

Для IE7 попробуйте установить для отображения: встроенный (не встроенный блок).

Правильно, забыл, насколько легенда боли. Вероятно, вам нужно использовать абсолютное положение, чтобы поместить его как таковое - с левым полем на остальных или дополнением слева от родителя. Зависит от дизайна.

источник

2012-04-05 00:11:19 NICCAI

IE не понимает display:inline-block, вы можете использовать вместо display:inline с хака целевой этот браузер в одиночку, так как:

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

источник

2012-04-05 00:14:11

Это тоже не работает. работает только, если я использую div вместо легенды – Dips

@ user1193749 cam вы отправляете тестовый пример на http://jsfiddle.net? –

Вот ссылка [http://jsfiddle.net/2EZPY/2/) – Dips

Andres почти был. Добавьте «* float: none» после «float: left», и вы должны быть хорошими.

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

Here's the updated fiddle

источник

2012-04-05 03:29:29 ralgh

Легенда не плавает влево на IE7

ответ

Смежные вопросы