Помощник
|
Вопрос по верстке |
azstel
|
Сообщение
#1
|
||
|
|
||
|
|||
tyrannus |
17.11.2010, 17:14;
Ответить: tyrannus
Сообщение
#2
|
|
В левой колонке float:left, в правой float:right. Внутри правой колонки создать ещё два контейнера и внутренний левый тоже float:left внутренний правый float:right.
Другими словами: <div id="LeftSidebar"> <!--Содержимое левой колонки--> </div> <div id="Content"> <div id="MainContent"> <!--Содержимое средней колонки--> </div> <div id="RightSidebar"> <!--Содержимое правой колонки--> </div> </div> CSS: #LeftSidebar{ float: left; width: N1px; } #Content{ float: right; width: N2px; } #MainContent{ float: left; width: N3px; } #RightSidebar{ float: right; width: N4px; } И важный момент – расстояние N3+N4 должно быть чуть меньше, чем N2(ширина содержащего контейнера), т.е между плавающими блоками желательно оставить небольшой зазор, хоть несколько пикселов (или пару процентов если макет резиновый), т.к если зазора не будет, то в некоторых браузерах(в первую очередь IE) макет развалится – правая колонка уйдёт под левую... Далее в коде может потребоваться вставить очищающий блок, чтобы вернуться в нормальный поток, ну типа <div style="clear:both;"></div> |
|
|
azstel
|
Сообщение
#3
|
|
а контейнеры можно объединять? или после первого сразу прописывать другой
|
|
|
tyrannus |
17.11.2010, 21:12;
Ответить: tyrannus
Сообщение
#4
|
|
а контейнеры можно объединять? или после первого сразу прописывать другой В смысле весь "скелет" объединять общим контейнером? Ну да, а без него и не обойтись, т.к элементы этих трех колонок плавающие и должны уживаться с не плавающими, например, шапкой и футером... |
|
|
azstel
|
Сообщение
#5
|
|
|
|
|
Alex-mac |
29.1.2011, 21:42;
Ответить: Alex-mac
Сообщение
#6
|
|
А сайт по ширине статичен или тянется по ширине?
Что-то кажется намудрили с правым блоком и ещё двумя в нем |
|
|
SeoLazy |
29.1.2011, 21:47;
Ответить: SeoLazy
Сообщение
#7
|
|
да, так как в Notepad можно их объеденить? То у меня каждый по отдельности Не понимаю вашего вопроса... Вам же ответили, их надо объединить одним общим блоком, то есть собрать их вместе. А сделать вы это можете как в блокноте, так и в ворде, или прямо в браузере А сайт по ширине статичен или тянется по ширине? Что-то кажется намудрили с правым блоком и ещё двумя в нем Да, а зачем вы правый сайдбар в контент включили? Сообщение отредактировал SeoLazy - 29.1.2011, 21:48 -------------------- |
|
|
Alex-mac |
29.1.2011, 21:58;
Ответить: Alex-mac
Сообщение
#8
|
|
|
Если сайт фикс по ширине, то и делаешь тупо 3 колонки друг за другом нужной ширины и у всех float:left;
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Вопрос - платное размещение баннеров на сайте | 10 | WGN | 3124 | 14.12.2020, 14:20 автор: Peterson |
|
Вопрос по рекламе в "инстаграме" Только активные аккаунты могут создавать или редактировать рекламу |
8 | Zubkov | 16020 | 17.1.2020, 17:49 автор: Forumacc |
|
Вопрос-ответ о работе форума | 307 | dos1k | 43055 | 9.11.2019, 17:59 автор: heks |
|
Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить. В теме перечисление доступного мне продвижения, но с чего начать? |
9 | memeplex | 3688 | 16.2.2019, 15:45 автор: zyzy |
|
Услуги по верстке и натяжки на вордпресс Верстка(сайты,e-mail письма),натяжка на ворпдресс, |
3 | unbur | 3430 | 20.12.2018, 10:44 автор: unbur |
Текстовая версия | Сейчас: 28.3.2024, 12:23 |