Войти в систему

Home
    - Создать дневник
    - Написать в дневник
       - Подробный режим

LJ.Rossia.org
    - Новости сайта
    - Общие настройки
    - Sitemap
    - Оплата
    - ljr-fif

Редактировать...
    - Настройки
    - Список друзей
    - Дневник
    - Картинки
    - Пароль
    - Вид дневника

Сообщества

Настроить S2

Помощь
    - Забыли пароль?
    - FAQ
    - Тех. поддержка



Пишет Eversmilin doomsta ([info]shayd13)
@ 2007-03-15 20:46:00


Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Bicycle invention
Я, похоже, сочинил споцсоб верстки двухколоночной. Он подозрительно простой, и, наверно, кто-то уже придумал это до меня, но пока не натыкался на что-то такое в инете. Изложу для понту.

Традиционный метод с отрицательными полями вроде как более универсален, но там лишний див используется в правой колонке. Тут попроще.


Вощем, есть див-контейнер, в который положены дивы левой и правой колонки. Идея в том, чтобы сделать контейнеру левую границу, равную ширине левой колонки. Все содержимое отжимается этой границей вправо. Потом левому диву (плавающему, конечно) ставится левое же отрицательное поле - он уезжает на свое законное место. И все. Position: relative нужно для лечения ослиного глюка, из-за которого он левую колонку пихаед под рамку контейнера.


#main {
float: left;
border-left: 200px solid#EFD695;
}


#left {
width: 200px;
float: left;
margin-left: -200px;
position: relative;
}

#right {
А ничо. Хотя для реального использования, конечно, придется что-то напихать.
}




как-то так. Границу я тут рисовать не стал, заморочно в тэги стили забивать. Рабочую фигню можно увидеть там. Работает под ослом и фоксом. Какие-то нюансные глюки в зависимости от контекста могут всплывать, но хз - я разверстал на основе этой сраки целую админку (которую показать не могу, тому що за паролем, естественно, сидит) и вроде как не валится ничо.


upd БЛЯДЬ!!! В превьюхе семагика все было пучком, а в отправленном посте моделько скосоебило. Убрал нахй, оставив только код. Но по сцылке все рабочее.


(Читать комментарии) - (Добавить комментарий)


[info]shayd13@lj
2007-03-15 15:36 (ссылка)
Ну да, тут в зависимости от контекста вылезают разные варианты. Тремя
дивами достигается только минимальная работоспособность,
украшательства уже хотят побольше кода.

Тут есть побочный плюс - не надо использовать графику для имитации цвета
левой колонки. Известный прикол, шо она не дотягивается до низу. А тут
ничо тянуть не надо.

Завтра ту админку придетсо в трехколоночную переделывать, поцмотрю,
как оно себя поведет.

(Ответить) (Уровень выше)


(Читать комментарии) -