Помощник
 |
Сообщение сайта
|
 Как правильно сверстать три колонки |
kacer
|
Сообщение
#1
|
||
|
Новичок  Группа: User Сообщений: 42 Регистрация: 21.2.2011 Поблагодарили: 9 раз Репутация:  1 
 |
|
||
 |
|
||
|
metkram
|
 7.6.2012, 18:24;
Ответить: metkram
Сообщение
#2
|
 Старожил Группа: Active User Сообщений: 1263 Регистрация: 15.2.2010 Из: Украина Поблагодарили: 364 раза Репутация: 38
|
если я правильно понял, то центральному надо прописать строгую ширину и автоматическое центрирование, т.е.
width: ШИРИНАpx; margin: 0 auto; -------------------- |
|
|
|
Max_Q
|
7.6.2012, 18:54;
Ответить: Max_Q
Сообщение
#3
|
 Участник Группа: User Сообщений: 118 Регистрация: 13.11.2011 Поблагодарили: 46 раз Репутация: 13
|
Можете воспользоваться готовыми инструментами, например: http://xhtml.ru/instr/3col_creator/index.html
|
|
|
|
|
kacer
|
Сообщение
#4
|
|
Новичок Группа: User Сообщений: 42 Регистрация: 21.2.2011 Поблагодарили: 9 раз Репутация: 1
|
(metkram @ 7.6.2012, 18:24)  margin: 0 auto; Делал так, не получалось. Видимо потому что position:relative; не указал. (Max_Q @ 7.6.2012, 18:54) Можете воспользоваться готовыми инструментами, например: http://xhtml.ru/instr/3col_creator/index.html Спасибо, то что нужно. |
|
|
|
|
Сергуня
|
8.6.2012, 6:20;
Ответить: Сергуня
Сообщение
#5
|
 Бывалый Группа: User Сообщений: 284 Регистрация: 13.4.2008 Из: Подгорица Поблагодарили: 48 раз Репутация: 11
|
<div>
<div style="float:left; width:200px;">1</div> <div style="float:left;">2</div> <div style="float:right; width:200px;">3</div> </div> Сообщение отредактировал Сергуня - 8.6.2012, 6:20 -------------------- |
|
|
|
|
VorVanill
|
11.6.2012, 16:13;
Ответить: VorVanill
Сообщение
#6
|
 Частый гость Группа: User Сообщений: 62 Регистрация: 3.11.2011 Из: Киев, Украина Поблагодарили: 12 раз Репутация: 2
|
CODE <div id="container"> <div id="nav">Левая колонка</div> <div id="aside">Правая колонка</div> <div id="content">Центральная колонка</div> </div> CODE #container { width: 900px; /* Ширина макета */ margin: 0 auto; /* Выравнивание по центру */ } #nav { width: 200px; /* Ширина левой колонки */ float: left; } #aside { width: 300px; /* Ширина правой колонки */ float: right; } #content { margin: 0 300px 0 200px; /* Отступ на ширину левой и правой колонки*/ } Это на тот случай, если макет фиксированный -------------------- |
|
|
|
|
kacer
|
Сообщение
#7
|
|
Новичок Группа: User Сообщений: 42 Регистрация: 21.2.2011 Поблагодарили: 9 раз Репутация: 1
|
Проблема уже решена с помощью:
(metkram @ 7.6.2012, 18:24)
|
|
|
|
|
BlackWater
|
12.6.2012, 17:15;
Ответить: BlackWater
Сообщение
#8
|
|
|
Новичок Группа: Viewer Сообщений: 2 Регистрация: 8.6.2012 Поблагодарили: 0 раз Репутация: 0
|
(kacer @ 12.6.2012, 16:23) Проблема уже решена с помощью... Ещё посмотри генератор шаблонов на csstemplater.com, пригодится если будешь верстать и под ie6.
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Как вывести деньги в Украине с заблокированного Юмани ? | 28 | freeax | 4582 | 12.4.2024, 1:22 автор: PostMan1 |
 |
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19663 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3071 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13630 | 31.3.2024, 12:44 автор: Boymaster |
|
Как отозвать банковский платеж фрилансеру? | 29 | metvekot | 4273 | 31.3.2024, 0:17 автор: Liudmila |
|
Текстовая версия | Сейчас: 16.4.2024, 19:58 |
