Комментарии на: Вёрстка растягивающихся сайтов

От: Сергей Чикуенок

Сергей Чикуенок — Sat, 24 Jul 2010 11:42:01 +0000

Я постараюсь прокачать свои навыки объяснения

От: Юля

Юля — Sat, 24 Jul 2010 11:34:34 +0000

Да, и еще - что невероятно понравилось в той статье - так это наличие у автора искусства объяснить. В Сергее хорошо, что он посещаем гением, но вот еще бы его посетил гений объяснения - и цены бы ему не было Хотя конечно и так очень хорошо.

От: Юля

Юля — Sat, 24 Jul 2010 11:30:49 +0000

Покопалась в интернете еще и вот что нашла:
1. Тоже резиновая верстка
2. Метод чем-то схож с описываемым, но есть возможность одну колонку(или несколько) сделать фиксированной ширины
3. Можно на 100% окна
Есть и недостатки:
1. Больше элементов
Изучаю, но думаю может быть полезен людям, которые изучают вопрос.
http://www.codeproject.com/KB/HTML/relatively_simple.aspx?msg=3544438#xx3544438xx

От: Юля

Юля — Thu, 22 Jul 2010 10:59:25 +0000

Хороший метод, правильный. Изучив традиционные решения сделала вывод, что в них дается решение проблемы, а этот способ - создание решения. В основном дается как бы видимость верстки - вот смотрите она тянется при изменении окна. А вот что вдадеешь потом не всем пространством в связке, а только относительно блоков в которых находишься - это даже и не берется во внимание. Спасибо, что вы позаботились об этих моментах и открыли эту концепцию. Да и просто даже что осветили момент за границами привычного. Обогатили

От: DMH

DMH — Sun, 27 Jun 2010 04:35:48 +0000

Вопрос немного не по теме, но тоже по резиновой вёрстке. Есть div со свойством inline-block, внутри он заполняется в цикле слева направо блоками с таким же свойством inline-block. Если очередной элемент не влазит в ширину окна обраузера, то он автоматически переносится на вторую строку, но при этом родительский div растягивается по всей ширине окна и его свойство inline-block не оказывает на него никакого влияния. Даже если мы заменим свойство на float:left/right или даже вообще удалим все свойства, абсолютно ничего не изменится, т.е. родительский div к контенту не прижимается, а растягивается по всей ширине окна. Наверное это объясняется тем, что браузер пытаясь впихнуть очередной элемент в строку, растягивает при этом родителя, а затем перенеся элемент на вторую строку, забывает о том, что div нужно сузить по ширине контента (float:left либо inline-block у родителя ведь не просто так указан). Единственное, что радует, Опера в данном случае работает как нужно и обжимает родительский div по контенту, если использовано одно из этих свойств. На остальные браузеры эти свойства в данном случае никакого влияния не оказывают. Пока решил проблему с помощью javascript, вычисляю ширину внутренних блоков + отступы и по этим размерам сужаю родительский div. Есть ли решение данной проблемы на html + css? Нужно только обжать родительский блок по его контенту, inline-block справлялся со своей задачей, пока не появились автоматические переносы внутренних элементов, например при сужении окна.

От: Yvelious

Yvelious — Sun, 18 Apr 2010 14:15:51 +0000

A как центрировать Ваш первый пример в этой статье http://chikuyonok.ru/u/markup/example1.html На картинке он по центру, а на деле находится левее хоть там и left:10%. Опять же получается 25% на две равные части не делится. С одной стороны 12% а с другой 13%? Как оцентрировать Ваш первый пример?

От: Дмитрий

Дмитрий — Sun, 28 Mar 2010 20:05:35 +0000

Сергей, сделал сайт по описанной вами технологии! Мог бы уже дать ссылку, но к сожалению совсем забыл про IE6 и не внёс корректировки под него - завтра буду дорабатывать. За глаза такую технику вёрстки назвал “инверсной” - много отрицательных смещений и отступов. Сложности возникают когда надо расположить на одном уровне контент в колонках, но по семантике в различной очередности - даже дух захватывает от такой свисто-пляски :))

От: bryda

bryda — Sun, 28 Mar 2010 19:32:59 +0000

Статьи дествительно классые. Публикуйте побольше таких статей по верстке.

От: Сергей Чикуенок

Сергей Чикуенок — Wed, 24 Mar 2010 10:27:41 +0000

Контент должен располагаться согласно семантике. Если это основное содержимое страницы, то располагаем его в #content, а дальше через CSS располагаем блоки по сетке. Если это декорации страницы (вроде логотипа), то можно ставить куда угодно, кроме #content. Его даже необязательно ставить в колонку, так как через CSS его можно будет сместить в нужное место.

От: Дмитрий

Дмитрий — Tue, 23 Mar 2010 18:25:32 +0000

Осилил 4 колоночный макет, даже интересно стало. Но теперь вопрос - как размещать в нём контент? Я так понимаю слева-направо, сверху-вниз - сходу тоже не сообразишь.В вашем примере весь контент находится в #content, но если я захочу вверх первой колонки поставить логотип мне прописывать его в первую колонку? А остальные (пустые), если они не выполняют декоративных целей убрать совсем?