Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Резиновая вёрстка, нужна помощь 
:(
    Опции темы
langolier
  Дата 1.5.2009, 09:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 32
Регистрация: 29.7.2008

Репутация: нет
Всего: нет



Верстаю макет. Выглядит вот так http://s58.radikal.ru/i161/0905/fd/cfc563ae4c9f.jpg

разбил на три колонки:
1) это иллюстрация слева
2) средний блок с контентом
3) боковая синяя полоса  smile 

как сделать чтобы текст во втором блоке мог заезжать на эту синюю боковую полосу...???(как на скрине)
при разрешении в 1024 начинает всё съезжать вниз.

то что я сверстал в приложении! (архив)
прошу помощи т.к. ситуация аховая...

зы может ещё какие улучшения по коду подскажите?? буду тоже очень благодарен

Присоединённый файл ( Кол-во скачиваний: 6 )
Присоединённый файл  123.rar 359,48 Kb
PM MAIL   Вверх
ksnk
Дата 1.5.2009, 10:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата

ситуация аховая


Цитата

разбил на три колонки

Надо ДЕЙСТВИТЕЛЬНО разбить на 3 колонки. Каждая "колонка" - отдельный див. В каждый див вставить "распорку" - див высотой 1 px с фиксированной шириной (универсальный эмулятор min-width), чтобы элементы не уменьшались меньше определенного значения и плавающие дивы не уплывали к фигам...

Проще наверстать эти элементы таблицами, если проект горит. А вот потом уже пойти и поискать в гугле как-же делаются всякие div-ные резиновости...



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
gcc
Дата 1.5.2009, 11:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



Код

<table style="table-layout:fixed;">
<col width="50"><col width="auto"><col width="10%"><col width="10%"><col width="50">
...



Код

    <table border=0 width=800px COLSPEC=250px,100px,*,150px >



Код

    <table border=0 width=800px COLSPEC=200px,200px,200px,200px >



Код

    <table border=0 width=800px COLSPEC=20%,10%,40%,30% >



зафиксировать можно только левый верхний угол - далее получится как получится
PM WWW ICQ Skype GTalk Jabber   Вверх
langolier
Дата 2.5.2009, 00:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 32
Регистрация: 29.7.2008

Репутация: нет
Всего: нет



Цитата

Проще наверстать эти элементы таблицами, если проект горит. А вот потом уже пойти и поискать в гугле как-же делаются всякие div-ные резиновости...



ksnk, ну вот хоть убейте, ничего не могу найти про резиновую вёрстку на div...
PM MAIL   Вверх
KonstRuctor
Дата 5.5.2009, 23:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург

Репутация: нет
Всего: нет



Зачем же убивать?
Вот отличный пример: примерчик
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1144 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.