В IE9 текст опускается ниже всех типов ввода - PullRequest
Новая
       0

В IE9 текст опускается ниже всех типов ввода

0 голосов
/ 15 августа 2011

У меня есть html, как показано ниже: 

<li class="liClass">
  <img class="dragingClass" />
  &nbsp;<img class="removeClass" />
  <label for="shoe" class="ShoeClass">
  <select class="width_150">
    <option>blackShoe</option>
    <option>greenShoe</option>
    <option>redShoe</option>
  </select>

 <label for="price" class="priceLabelClass">foo1</label>
 <input type =""text" style="width:3em" class="priceInputClass" value="" />

 <label for="minSize" class="minSizelabelClass">
 <input style="width:4em" class="minSizeInputClass" value="" />

Мой Css: 

.liClass {
clear: left;
padding: 5px 0;
}

li.pushedProduct img.dragingClass{
float: left;
cursor: move;
}

li.pushedProduct img.removeClass{
float: left; 
padding-left:4px;
 }

.liClass label {
float: left;
padding: 0.1em 1em 0 1em;
width: 5em;
text-align: right;
 }

  label.ShoeClass {
float: left;
width: 2em;
 }

 label.priceLabelClass {
float: left;
width: 3em;
 }

  label.minSizelabelClass{
float:left;
width: 3.5em;
  }

 .liClass input {
float: left;
width: 15em;
  }


  .liClass select {
display: inline;
float: left;
width: 150px;
 }

Приведенный выше CSS работает нормально в Firefox, но в IE9 метка идет ниже всех полей ввода.Я не могу понять, что не так.

1 Ответ

0 голосов
/ 17 августа 2011

Я согласен со стеком 101: html был немного незавершенным и, кажется, большая часть проблемы. Как уже указывалось, измените type =""text" на type="text" и добавьте пропущенный </label> для обуви ..., а также конец </li> в конце кода. Я настроил все HTML в этом примере, и он исправил себя: http://jsfiddle.net/GVBJW/ Я не думаю, что это был твой css ... просто искаженный html.

...