![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| tequilla4white |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 8.1.2007 Где: Крым Репутация: нет Всего: нет |
Есть страница, состоящая из 3 колонок. Колонки по бокам с фиксированной шириной, и центральная "резиновая". В центральной колонке (в зависимости от контента) есть изображения, которые при уменьшении окна, не помещаются, и растягивают центральный div, который в свою очередь не помещается на своем месте и опускается в низ...
Как всегда, везде нормально, кроме ИЕ. В ФФ например изображение как бы накладывается на правый, боковой div и все... Вопрос: как добиться такого же эффекта и ИЕ, или как сделать чтобы кусок изображения который не помещается просто скрывался? Как я понимаю, для этого, в CSS есть свойство overflow, но ИЕ его почему то не воспринимает... |
|||
|
||||
| WebDisaster |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 406 Регистрация: 22.6.2007 Репутация: 17 Всего: 19 |
К подобным вопросам нужно прикладывать код страницы (html+css) и скриншот "проблемной" страницы с пояснениями. А ещё лучше выложить в тырнет и дать ссылки на 1. "нормальную" страницу и 2. страницу с "поломанной" вёрсткой. Это даст информации на порядок больше, чем целая страница с объяснениями проблемы "на пальцах". А подходящих для этого бесплатных хостингов - выше крыши.
По сути вопроса. Моя ИМХА думает, что решать это нужно в другую сторону: организовать min-width для контейнера, содержащего в себе все три колонки, чтоб ничего никуда не "сползало" в принципе. |
|||
|
||||
| tequilla4white |
|
||||
![]() Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 8.1.2007 Где: Крым Репутация: нет Всего: нет |
Да, полность соглашусь, просто это как бы уже готовый сайт, а выдирать оттуда куски, дело не благодарное...
Вот так он выглядит схематически:
Стили (тоже схематически):
min-width (FF + костыли для IE) имееться, просто картинки все равно больше того размера который отводиться их контейнеру при минимальной ширине (их контейнера...) Проблемная страница: http://ladoshki.ch/?page=113 |
||||
|
|||||
| WebDisaster |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 406 Регистрация: 22.6.2007 Репутация: 17 Всего: 19 |
У меня есть ощущение, что собака порылась совсем не там, где Вы думаете. min-width там уже приделана, но одну мелочь, ИМХО, недоучли. Думаецца, что отца демократии может спасти следующая вещь: открываете файл style.css в корне, находите строки 15, 19, 26 и заменяете 950 на 1000
Должно получиться так:
И, кстати, путь к файлу iehacks.css в шаблончике написан неправильно. Он тоже лежит в корне. |
|||
|
||||
| tequilla4white |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 8.1.2007 Где: Крым Репутация: нет Всего: нет |
Ну так, я тоже умею ;) Но там еще и отступы есть, пикселей по 25 где то, и поэтому если сделать min-width:1000 + 25 * 2 = 1050, так что при разрешении 1024 х 768 появляется прокрутка...
Но работает же ;) Хотя надо посмотреть... P.S. Какие наши годы, зачем на Вы? ;) |
|||
|
||||
| WebDisaster |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 406 Регистрация: 22.6.2007 Репутация: 17 Всего: 19 |
Не знаю, отсюда не видно. А бывает всякое Я написал то, что я написал, потому, что думаю, что дело не в ширине картинок. Просто когда-то экспериментировал, ставя "распорку" гиф'ом для удержания ширины div'а, так оно (IE6) не работает - картинка просто "обрезается" по ширине div'а (как это происходит с бэкграундами) и всё. Работало только в таблице. Хотя, возможно, какие-то дополнительные условия я недоучёл. |
|||
|
||||
| tequilla4white |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 8.1.2007 Где: Крым Репутация: нет Всего: нет |
Ок. Спасибо. Чувствую самому придеться заново, переверстывать...
|
|||
|
||||
| yakushevsky |
|
||||
|
Новичок Профиль Группа: Участник Сообщений: 3 Регистрация: 8.8.2007 Репутация: нет Всего: нет |
На сайте
overflow прописывается на контейнер с картинками, а не на саму картинку. Но это не сработает и если прописать на сам #middleColumn, потому что у него не задана ширина. В данном случае, переверстки можно избежать, если добавить style='width: 100%; overflow: hidden;' на тот div, который содержит проблемные картинки, и который используется для выравнивания их по центру. Это поможет. Правда есть ощущение, что там всё вставляется через WYSIWYG, и сложно будет управлять стилями этого дива. |
||||
|
|||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |