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

localhost · 17.03.2009, 23:02

Имеем код 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:27

Я бы сделал так:

Код:

body {margin: 0 20px;}

а в #main и #footer вставил бы еще блоки с отступом 20px сверху и снизу, соответственно.

localhost · 17.03.2009, 23:31

Цитата:

Сообщение от kost

Я бы сделал так:

Код:

body {margin: 0 20px;}

а в #main и #footer вставил бы еще блоки с отступом 20px сверху и снизу, соответственно.

Сейчас попробуем... спасибо...

Асмодиан · 25.03.2009, 19:17

Кстати, а вот можно ли такое-же сделать с высотой?
Ну хоть как нибудь сделать элемент, который будет иметь поля по 20px снизу и сверху. то есть высотой 100%-40px?

radius · 26.03.2009, 18:47

Makarenya, а может вот так:
{margin-top:20px;
margin-bottom:20px}

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вопрос по верстке на странице	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

17.03.2009, 23:27	#2
kost	Я бы сделал так: Код: body {margin: 0 20px;} а в #main и #footer вставил бы еще блоки с отступом 20px сверху и снизу, соответственно.

25.03.2009, 19:17	#4
Асмодиан	Кстати, а вот можно ли такое-же сделать с высотой? Ну хоть как нибудь сделать элемент, который будет иметь поля по 20px снизу и сверху. то есть высотой 100%-40px?

26.03.2009, 18:47	#5
radius	Makarenya, а может вот так: {margin-top:20px; margin-bottom:20px}

17.03.2009, 23:02
Ссылки