Уже какой месяц бьюсь, пытаясь изобрести идеальную резину, но так ничего и не вышло, даже приближённого к идеальному. Предлагаю объединить усилия. Давайте уже соберёмся и перевернём нафиг привычные представления о вёрстке! Сверстаем шедевр, которым потом будут пользоваться не одно поколение программистов. Собственно, озвучиваю требования по порядку:
1. 2 фиксированных сайдбара и резиновый центр. Фиксированные по высоте футер и хидер.
2. Обтекание больших картинок центральным блоком, то есть макет должен уметь "разъезжаться" шире окна браузера.
3. Футер прижат к низу страницы, а при высоком контенте страница тянется вниз.
4. Возможность сделать header и footer прозрачными, и чтобы под ними не было фона колонок (есть пара идей как это можно сделать).
5. Все 3 колонки одинаковой высоты, и им можно задать background-image (их можно попробовать эмулировать псевдо-колонками, например).
6. Без таблиц, ибо с ними в IE глюков будет ещё больше, чем с блоками.
7. Без JS.
8. Полная кроссбраузерность, так что тестировать лучше сразу на IE6 и 7.
9. На количество элементов абсолютно пофиг, ибо с такими запросами уже не до этого.
Я начну по порядку. Сегодня с самого утра возился со 2 пунктом - обтекание картинки. Результат сейчас выглядит так:
Столкнулся с багом в IE 6 и 7, который не могу пофиксить - margin-right у #center-col (который нужен для компенсации #right-col), отсчитывается от края окна браузера, а не от края содержимого. Если контент шире окна браузера, то margin-right толкает текст в #center-col. Кстати, из-за этого же поведения IE6 и 7 я прижал левую и правую колонки к бокам через position: absolute. float: right точно так же прижимает блок к правому краю окна браузера, а не к правому краю контента. В общем, жду вашей помощи с решением этого бага, чтобы можно было двигаться дальше.
З.Ы. Кому интересно поработать над этим проектом более тесно, мой скайп maestro_magnifico. Также есть во владении сервер Team Speak, где можно собраться для обсуждения.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Freakmeister
Уже какой месяц бьюсь, пытаясь изобрести идеальную резину, но так ничего и не вышло, даже приближённого к идеальному. Предлагаю объединить усилия. Давайте уже соберёмся и перевернём нафиг привычные представления о вёрстке! Сверстаем шедевр, которым потом будут пользоваться не одно поколение программистов.
Собственно, озвучиваю требования по порядку:
1. 2 фиксированных сайдбара и резиновый центр. Фиксированные по высоте футер и хидер.
2. Обтекание больших картинок центральным блоком, то есть макет должен уметь "разъезжаться" шире окна браузера.
3. Футер прижат к низу страницы, а при высоком контенте страница тянется вниз.
4. Возможность сделать header и footer прозрачными, и чтобы под ними не было фона колонок (есть пара идей как это можно сделать).
5. Все 3 колонки одинаковой высоты, и им можно задать background-image (их можно попробовать эмулировать псевдо-колонками, например).
6. Без таблиц, ибо с ними в IE глюков будет ещё больше, чем с блоками.
7. Без JS.
8. Полная кроссбраузерность, так что тестировать лучше сразу на IE6 и 7.
9. На количество элементов абсолютно пофиг, ибо с такими запросами уже не до этого.
Я начну по порядку. Сегодня с самого утра возился со 2 пунктом - обтекание картинки. Результат сейчас выглядит так:
http://maestro-magnifico.ru/testdir/2012-03-20/test2.html
Столкнулся с багом в IE 6 и 7, который не могу пофиксить - margin-right у #center-col (который нужен для компенсации #right-col), отсчитывается от края окна браузера, а не от края содержимого. Если контент шире окна браузера, то margin-right толкает текст в #center-col. Кстати, из-за этого же поведения IE6 и 7 я прижал левую и правую колонки к бокам через position: absolute. float: right точно так же прижимает блок к правому краю окна браузера, а не к правому краю контента. В общем, жду вашей помощи с решением этого бага, чтобы можно было двигаться дальше.
З.Ы. Кому интересно поработать над этим проектом более тесно, мой скайп maestro_magnifico. Также есть во владении сервер Team Speak, где можно собраться для обсуждения.
Edited by FreakmeisterLink to comment
Share on other sites
8 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.