максимальная ширина css не работает в ul li div img - PullRequest
Новая
       10

максимальная ширина css не работает в ul li div img

0 голосов
/ 08 декабря 2010

У меня есть галерея с рамкой вокруг миниатюр, я использовал максимальную ширину, чтобы уменьшить миниатюрные изображения, чтобы они все выстраивались в соответствие, но в IE, хотя изображение уменьшается до максимальной ширины, рамка все еще расширяется, как будто изображение было больше. Я попытался добавить максимальную ширину в li, но безрезультатно. Вот ссылка на страницу, которая выглядит красиво и в форме в Chrome и FF bt по всему магазину в IE! http://wedding -photography-gloucestershire.co.uk / wedding-photography-gallery.php? Gallery = Получение% 20Ready

Галерея свадебной фотографии

спасибо заранее за любую помощь.

Это стиль рамки ..

.highslide-gallery ul li { дисплей: блок; положение: относительное; плыть налево; ширина: 106 пикселей; высота: 106 пикселей; граница: твердое серебро 1px; поле: 2px; высота строки: 0; переполнение: скрытое; цвет фона: # 000; максимальная ширина: 106 пикселей; }

Я попытался добавить это, которое я нашел на другом сайте, как решение проблем с максимальной шириной IE, но я не совсем понимаю;

width: expression (document.body.clientWidth> 106? "106px": "auto"); но это все еще не сработало.

Спасибо.

1 Ответ

0 голосов
/ 08 декабря 2010

IE обрабатывает отступы / отступы по-разному, чем в других браузерах. Я посмотрел на вашу таблицу стилей (верхняя сторона), и вам нужно иметь таблицу стилей, то есть конкретно, и тогда вы можете ориентироваться на IE конкретно, не беспокоясь о том, как изменения, которые вы вносите, влияют на другие браузеры. Лично я бы этого не делал, но я делал это, когда экспериментировал с веб-разработкой.

Самый простой способ выяснить, что идет не так и где идет не так, - это использовать firebug. Safari и IE также имеют похожие среды отладки. Есть несколько действительно хороших руководств по использованию Firebug на http://net.tutsplus.com

Удачи.

...