Listnumber <ol><li> не отображается в IE9 после использования float в CSS - PullRequest
Новая
       19

Listnumber <ol><li> не отображается в IE9 после использования float в CSS

2 голосов
/ 31 марта 2012

Я создаю форму с <ol>, <label> и <textbox> в asp.net, форма выглядит следующим образом: 

1. Question 1? ___Textbox1____
2. Question Number 2? ____TextBox2____

Я хочу, чтобы текстовые поля появлялись в одном столбце (т.е.в том же вертикальном столбце) вот так: 

1. Question 1?           ___Textbox1___
2. Question Number 2?    ___TextBox2___

Мой код выглядит так: 

        <ol start="1">
            <li class="qOpenEnd">
                <asp:Label ID="lblQ1" AssociatedControlID="txtID1" runat="server">
                    Question1
                </asp:Label>
                <asp:TextBox ID="txtID1" runat="server" />
            </li>

            <li class="qOpenEnd">
                <asp:Label ID="lblQ2" AssociatedControlID="txtID2" runat="server">
                    Question Number 2?
                </asp:Label>
                <asp:TextBox ID="txtID2" runat="server" />
            </li>
        </ol>

Мой CSS выглядит так: 

 .qOpenEnd
 {
  float: left;
  clear: left;   
  width: 100%;
  list-style: decimal;
 }
 .qOpenEnd label
 {
  float: left;
  clear: left;
  width: 50%;
  margin-right: 5em;
 }

Это работает нормальнодля Firefox, но в IE9 номер не отображается!Любая идея?Число, которое появилось в IE9 до того, как я добавил float:left, но в то время текстовые поля не были выровнены.

1 Ответ

2 голосов
/ 31 марта 2012

Это ваш код вывода в моем проекте на IE9:

ie9 and firefox output

Убедитесь, что вы находитесь в режиме стандартов IE9, а не вид совместимости (нажмите F12 для просмотра / переключения режимов).

...