Антон Молодой подкинул мне идею для этого поста. Он столкнулся с проблемой, с которой с моей косвенной помощью сам же и справился. Я с этим багом (да, речь пойдет об очередном баге IE) никогда не сталкивался, поэтому решил написать об этом пост, во-первых, как шпаргалку ...
Пришло время, и я наконец-таки решился отказаться от верстки под устаревший браузер Internet Explorer 7. Если это будет верстка на заказ, то вносить изменения под него буду только за дополнительную ...
Неоднократно при верстке сайтов мне приходилось сталкиваться с ситуацией, когда строки в таблице или пункты вертикального списка необходимо было оформить зеброй. Т.е. одна строка, к примеру, с белым фоном, вторая ...
Когда при верстке требуется создать меню с разделителем, я использую замечательную технику, которую когда-то давно предложил Юрий “akella” Артюх. Недавно я столкнулся с очень похожей, но более сложной задачей – ...
В статье используется изображение из примера к статье How to: CSS Large Background. Рассмотрим такую ситуацию – нужно создать страницу фиксированной ширины, к примеру, 900 пикселей, с контентом, расположенным горизонтально ...
Комментарии (33)
Что то я не понял, а как же регулируется высота картинок?
Если у изображения указана только ширина, то при ее изменении высота изменяется автоматически пропорционально измененной ширине.
Никогда не сталкивался :)
В хроме (266) трюк не пашет
В хроме две картинки справа при сужении блокируются. Думается мне тут лучше min-height/min-width использовать
Я в хроме никаких проблем не наблюдаю. Версия 3.0.195.33.
Гм… тоже если честно никогда не сталкивался потому что всегда указываю размеры изображений…
да и вообще я не сторонник резиновой верстки :)
Мне даже, если если честно, очень сложно представить где это может пригодиться – это, всё равно если бы менялся размер шрифта в зависимости от размера окна браузера – мягко говоря, это очень странно и не совсем правильно.
А как же разный размер мониторов? Неужели приятно на 20+ мониторе смотреть сайт, подогнанный под 1024 пикселя (по ширине конечно)?
Это тема для очередного холивара. Одни сторонники того, что всё должно растягиваться, а другие считают, что не нужно париться, а браузеры просто должны уметь зумировать сайт (Ctrl + колесико мышки).
В опере например зумирование идет вместе с картинками, что будет не очень приятно для конечного посетителя сайта.
Вот наглядный пример – http://v-tambove.ru/afisha По-моему, выглядит очень даже здорово.
Полезная фича, надо бы сохранить себе…
p.s. Читаю тебе по подписке уже год наверное, тут зашел, думал урлом сначала ошибся, дизайн другой совсем )
Ты что-то путаешь. Этот дизайн уже года три стоит.
А что есть еще люди, кто пользуется ИЕ ?!
Я вот недавно с Оперы на Хром перешел – почти всем доволен!
Опера зараза ресурсы жрет, а у мну комп дохловат.
А Хром хорош! Вот только один минус напрягает – горизонтальная прокрутка внизу. В Опере можно было настроить отображение “по ширине” и никаких проблем, а тут – не нашел у Хрома такой настройки. Если в курсе как это делается – подскажите!
А вчера плагин для Хрома нашел зашибатый – тИЦ показывает сайта, на котором находишься ;)
А чем же файрфокс не устраивает? Он жрёт ресурсов меньше чем Опера, и плагинов до кучи и тИЦ и ПР и много других показателей сайта будут показывать)
Да против Лисы ничего не имею! )
Но не идет он у меня (
Раньше работал на нем – кульно все было.
Но как-то после переустановки отказался работать – и что я ни делал – оживить его уже не мог. Тогдато и перешел на Оперу – единственный браз который стал у меня работать без капризов. Ну а щас вот Хрома юзаю и горя не знаю ))).
У меня три блога, из них на двух почему-то не работает.
Думаю шаблоны такие, так как бесплатные…
Отлично!!!!!, это то что искал , завтра попробую свою идею реализовать , в закладки положил, у меня и в хроме (тоже на него перешёл, доволен) и в ИЕ норм кажет всё (приведённые примеры),респект автору))))
PS:сам тока недавно стал заниматься сайтом (потихоньку делаю для себя своими усилиями), тока вот интересно , такое исключительно таблицей можно реализовать , или на ДИВах тоже есть решение.Вопрос в том , что бы , например положить некоторое количество картинок в ряд (заключить каждую в свой див и может для неоходимости их в общий див положить), и в итоге посетитель сайта должен увидеть, не зависимо от разрешения своего монитора корректное изображение картинного ряда.Нужно такое чудо для того , что бы , при необходимости можно было что то добавить в ряд , или убрать, а в итоге всё работало )))), да и при этом это всё находилось на прозрачной подложке(фоновой картинке, например, какого нибудь прямоугольника с круглыми углами ), т.е своего рода некий блок поличится в итоге.Если кто нибуть снизойдёт и потратит время для описания подобного вопроса, было бы просто классно.И ещё один вопрос , такое способно работать при условии что таблица будет задана на какой то процент ширины ,к примеру 50%, или 30%, соответсвенно картинки будут при этом не значительных размеров (например 100х100).Заранее спасибо .
Спасибо. незнал как делать резиновые изображение!!
Кстати, резиновую верстку придумал Артемий Лебедев, уж не знаю на кол его ставить или боготворить. В буржнете до такого не додумались, их устраивали фиксированные сайты.
Конечно боготворить, потому как у многих ещё наверно ,особенно у офисных работников, стоят мониторы не лучшего качества, и малого разрешения , а появлением горизонтальных скролов не способствует приятному восприятию самого сайта и поиска нужноуй инфы, потому как не весь контент сайта сразу виден.Лично я из за этого страдаю “резиной” )))
Да когда уже этот браузер запретят-то законодательно… А резиновые сайты рулят)
Привет автору!
Сталкивался с этой проблемой. При резиновой верстке картинок нужно не забывать о контейнере. Если он тоже резиновый, а монитор широкий, качество картинки страдает.
Несколько человек мне об этом говорили, пришлось фиксировать размеры и картинок и контейнера. Либо, ставить на сайт значительно увеличенное изображение…
Может я не о том?
Как пример: Допустим, контейнер у нас резиновый, а картинка шириной в 500 пикселей, представляете что увидит посетитель, если она растянется пропорционально. Так что, этот способ годится только для фиксированной ширины контейнера.
Прошу извинить, если ошибся, я не спец в этом вопросе.
всем здравствуйте в MSIE6 надо только max-width через всем известный expression ограничивать? пробовала еще и минимальную ограничить но когда начала изменять окно IE6 он просто завис,вот такой вот небольшой вопрос у меня появился
Да, только через expression.
При указании table-layout: fixed; все колонки таблицы становятся равного размера, что в моем случае недопустимо, возможно ли оставить обычное поведение ячеек таблицы в этом случае, или здесь нужно привлекать js?
Видимо, только через JS.
Вот спасибо! Столько я с этим мучился! Теперь хоть все норм!)))
Спасибо. Использовал для другой цени, но всё таки)
Вот это то, что меня спасло! А то мучалась, мучалась, в Опере нормально все отображалось, а в IE ну никак… ох уж этот ie… :))) …иногда плюнешь и думаешь “да пошел он… далеко и надолго”, но педантичность моей натуры, чаще всего к сожалению, не позволяет мне оставить так как есть.
До этого перерыла много статей – Ваша помогла!
Спасибо огромное! ;)