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

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 БЛЯДЬ!!! В превьюхе семагика все было пучком, а в отправленном посте моделько скосоебило. Убрал нахй, оставив только код. Но по сцылке все рабочее.


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

Re: Reply to your comment...
[info]av8612@lj
2007-03-15 17:58 (ссылка)
Спасибо. Очень познавательно, да.
Надо бы мне разобраться с дивами.

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


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