| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Резиновая вёрстка |
| Автор: langolier 1.5.2009, 09:35 |
| Верстаю макет. Выглядит вот так http://s58.radikal.ru/i161/0905/fd/cfc563ae4c9f.jpg разбил на три колонки: 1) это иллюстрация слева 2) средний блок с контентом 3) боковая синяя полоса  как сделать чтобы текст во втором блоке мог заезжать на эту синюю боковую полосу...???(как на скрине) при разрешении в 1024 начинает всё съезжать вниз. то что я сверстал в приложении! (архив) прошу помощи т.к. ситуация аховая... зы может ещё какие улучшения по коду подскажите?? буду тоже очень благодарен |
| Автор: ksnk 1.5.2009, 10:16 | ||||
Надо ДЕЙСТВИТЕЛЬНО разбить на 3 колонки. Каждая "колонка" - отдельный див. В каждый див вставить "распорку" - див высотой 1 px с фиксированной шириной (универсальный эмулятор min-width), чтобы элементы не уменьшались меньше определенного значения и плавающие дивы не уплывали к фигам... Проще наверстать эти элементы таблицами, если проект горит. А вот потом уже пойти и поискать в гугле как-же делаются всякие div-ные резиновости... |
| Автор: gcc 1.5.2009, 11:36 | ||||||||
зафиксировать можно только левый верхний угол - далее получится как получится |
| Автор: langolier 2.5.2009, 00:01 | ||
ksnk, ну вот хоть убейте, ничего не могу найти про резиновую вёрстку на div... |
| Автор: KonstRuctor 5.5.2009, 23:25 |
| Зачем же убивать? Вот отличный пример: http://matthewjamestaylor.com/blog/perfect-3-column.htm |