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