|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
31.01.2013, 11:02 | #1 |
Форумчанин
Регистрация: 14.06.2008
Сообщений: 166
|
макет на css 3-ех колоночный
Подскажите плиз не могу контент воткнуть в центр он у меня после колонок получается, что я не так делаю? Заранее спастбо!
КОД:index <div id='holst'> <div id="container"> <div id="header"></div> <div class="slides"> <div id="nav">Левая колонка <p><a href="stat.html">Статистика турнира</a></p> <p><a href="interview.html">Интервью с главным судьей</a></p> <p><a href="ask.html">Конкурсные вопросы</a></p> </div> <div id="aside">Правая колонка <p><a href="#">Статистика турнира</a></p> <p><a href="#">Интервью с главным судьей</a></p> <p><a href="#">Конкурсные вопросы</a></p> </div> <div id="page"> </div> </div> <div class='clear'></div> <div id="content"> <? include "$page";?> </div> <div class="clear"></div> <div id="footer"> <font color="white"> <p>© NP Center, 2013-2014| Все права защищены</b></font> </div> </div> CSS .* {margin: 0; padding: 0;} body{ background: #ffffff url('img/1166264969.jpg'); height:100%; width: 100%; display: table; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; position:fixed; } h2 { margin: 0 0 1em; } a { color: #008BCE; /* Цвет ссылок */ } #holst{ background-image:url('img/1166264969.jpg'); height:100%; width:100%; position:fixed; overflow: auto;} #container { width: 1285px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ } #header{ /*height: 80px; font-size: 2.2em; /* Размер текста */ /*text-align: center; /* Выравнивание по центру */ /* padding: 5px; /* Отступы вокруг текста */ } #content{ background:#FFCC99; margin: 0 120px; /* Ширина колонок */ min-height: 1280px; padding: 30px; width: 880px; float: right; border-radius:10px; overflow: auto; } #nav { float: left; width: 120px; min-height: 1280px; background-color:red; border: 1px solid #333; /* Параметры рамки вокруг */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ } #aside { float: right; width: 120px; min-height: 1280px; background-color:red; border: 1px solid #333; /* Параметры рамки вокруг */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ } #page{ width: 880px; height: 100%; margin: 0 auto; margin-top: 10px; } #footer{ padding-top: 20px; height: 90px; width:880px; background-image:url('img/1166264969.jpg'); border: 2px solid #995f38; border-radius:10px; overflow: auto; margin: 0 160px 0 160px; clear: both; /* Отменяем действие float */ } .clear{ clear:both; } |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Есть макет photoshop psd, на нем линии(разметка). Как узнать, сколько пиксилей до сторон(от указанной линии)? | Gefo | HTML и CSS | 1 | 17.01.2013 07:54 |
трехколоночный макет | Mortimoro | HTML и CSS | 4 | 19.10.2011 13:07 |
3-колоночный макет | sem_1989 | HTML и CSS | 1 | 24.09.2011 17:26 |
css. не получается поменять области местами. резиновый макет. | sergey_kalinin | HTML и CSS | 2 | 09.07.2009 16:48 |