IE 7 Float drop bug - PullRequest
Новая
       14

IE 7 Float drop bug

0 голосов
/ 01 июня 2011

У меня была эта проблема много раз даже с самыми простыми раскладками.Кажется, что каждый плавающий элемент на моем сайте (в IE 7, IE 8 в порядке) постепенно уменьшается вниз.элементы внутри неупорядоченного списка.(как видно на скриншоте).Различные другие элементы вокруг сайта (например, столбцы) тоже сломаны.Я удалил абсолютно все, но проблема остается.

Какой обходной путь можно использовать, чтобы сделать сайт пригодным для использования в> Ie7.

CSS: 

#home #right-column ul {
position: absolute;
width: 100%;
bottom: 0px;
margin-top: 14px;
}
#home #right-column li a {
display: inline;
float: left;
width: 115px;
padding: 3px 5px 3px 5px;
margin-right: 20px;
text-align: center;
color: #ffffff;
background-color: #70cbd2;
}

Ответы [ 2 ]

0 голосов
/ 01 июня 2011

Вы LI выключены.Попробуйте что-то вроде: 

#home #right-column ul {
  position: absolute;
  width: 100%;
  bottom: 0px;
  margin-top: 14px;
}

#home #right-column li {
  display: block;
  float: left;
  margin-right: 20px;
} 

#home #right-column li a {
  display: block;
  width: 115px;
  padding: 3px 5px 3px 5px;
  text-align: center;
  color: #ffffff;
  background-color: #70cbd2;
}
0 голосов
/ 01 июня 2011

Прикрепленный скриншот отображается правильно.Поскольку LI s не являются плавающими, по умолчанию они имеют ширину 100%.

Плавающая LI s вместо A s должна решить проблему.

...