2014-12-09 5 views
0

Любые мысли? Первый элемент списка сжимается, но только IE. Все остальные браузеры счастливы.IE: Первый элемент списка меньше, чем остальные

http://dev.torontofamilytherapist.com/services/

+0

Пожалуйста, разместите _relevant_ код. – Teemu

+0

Извините Teemu, я не уверен, что этот соответствующий код будет в этом случае, кроме того, что я вижу в инспекторе. – ACyclingMind

ответ

0

Я посмотрел на свой код в IE консоли. Когда я убрал флажок рядом с width:auto; в bootstrap.css, изображение будет развернуто правильно. Хотя я не уверен, почему это исправило проблему, она ее исправляет. enter image description here

Вы хотите переопределить инструкцию CSS в другом месте.

.featured-thumbnail img { width: 100% important!; } 
3

У Робберта есть правильный ответ, но нет причин. Причина, по которой это происходит, потому что правильные два изображения больше, чем контейнер. Первый - нет. Поэтому он попадает на width:auto и, таким образом, он уменьшается до размеров изображения.

Вместо изменения css вы можете заменить его изображением правильных размеров (370x264).

0

Если изображение имеет меньшую ширину, чем его родительскую, вам необходимо установить ширину: 100%; чтобы изображение покрывало весь контейнер, иначе ширина: авто; ограничивает его фактическим размером изображения.

+0

Или поместите изображение правильных размеров. – Xogle

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