Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Вопрос по CSS верстке

Обсуждение темы Вопрос по CSS верстке в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Имеем код CSS: Код: body, html {height:100%; font-size: 13px; color:#3D434A; background: #ffffff; font-family: Tahoma, Verdana, Arial; margin:0px; padding:0;} #main, #bottom {min-width:780px; width:100%;} #main ...


Закрытая тема
 
Опции темы
Старый 17.03.2009, 23:02   #1
Имеем код CSS:
Код:
body, html {height:100%; font-size: 13px; color:#3D434A; background: #ffffff; font-family: Tahoma, Verdana, Arial; margin:0px; padding:0;}
#main, #bottom {min-width:780px; width:100%;}
#main {margin:0 0 -30px; min-height:100%;}
#clear {height:30px; font-size:1px; clear:both;}
#container {float:right; width:100%; margin: 0 0 0 -300px;}
#out {margin:0 0 0 300px;}
#in {width:100%;}
#top {height:250px;}
#center {float:right; width:100%; margin:0; padding:0;}
#left {float:left; width:300px;}
#bottom {height:30px;}
HTML, соответственно:
Код HTML:
<div id="main">
<div id="top">top</div>
<div id="container">
<div id="out">
<div id="in">
<div id="center">center</div>
</div></div></div>
<div id="left">left</div>
<div id="clear"></div>
</div>
<div id="bottom">bottom</div>
САМ ВОПРОС: При таком построение мы имеем height и width = 100% без полос прокрутки... а вот задачка, как сделать маргин 20пх с каждой стороны без полосы прокрутки... что-то типа

<body topmargin="20" leftmargin="20" rightmargin="20" bottommargin="20" marginwidth="20" marginheight="20">

Спасибо....

Последний раз редактировалось kost; 17.03.2009 в 23:23..
 
Старый 17.03.2009, 23:02
Ссылки
Старый 17.03.2009, 23:27   #2
Я бы сделал так:

Код:
body {margin: 0 20px;}
а в #main и #footer вставил бы еще блоки с отступом 20px сверху и снизу, соответственно.
 
Этот пользователь сказал спасибо kost за это полезное сообщение:
localhost (17.03.2009)
Старый 17.03.2009, 23:31   #3
Цитата:
Сообщение от kost Посмотреть сообщение
Я бы сделал так:

Код:
body {margin: 0 20px;}
а в #main и #footer вставил бы еще блоки с отступом 20px сверху и снизу, соответственно.
Сейчас попробуем... спасибо...
 
Старый 25.03.2009, 19:17   #4
Кстати, а вот можно ли такое-же сделать с высотой?
Ну хоть как нибудь сделать элемент, который будет иметь поля по 20px снизу и сверху. то есть высотой 100%-40px?
 
Старый 26.03.2009, 18:47   #5
Makarenya, а может вот так:
{margin-top:20px;
margin-bottom:20px}
 
Старый 26.03.2009, 18:47
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос по верстке на странице Ni_Splinter HTML, CSS, JavaScript 5 19.04.2012 22:01
вопрос по верстке сайта DeCa HTML, CSS, JavaScript 44 04.10.2010 23:25
Вопрос по верстке Niemans Кальянная 9 10.05.2010 23:11
Вопрос по верстке Niemans HTML, CSS, JavaScript 108 07.05.2010 17:09
Вопрос по верстке sanchez911 HTML, CSS, JavaScript 2 01.03.2006 21:21


Текущее время: 02:43. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум