Я недавно научился немного делать дизы в .psd(ну раньше вы понимаете тупо менял картинки в юКозовских дизах). И начал рисовать не сложный шаблон для своего сайта, но мне нужна помощь в верстке, поскольку в ней я нечего не понимаю. Вот есть к примеру страница сайта:
И мне нужно сделать такую обводку страницы как на скрине.
То, что обведенно зеленым, это я нашел и понял как поставить в хтмл, а то, что красным это то шо я незнаю как поставить в хтмл
Вот код который я нашел, чтобы сделать Wrapper, но только в углах:
CSS
Code
<style>
div.top-left{
background-image: url(/top_left.png);
background-repeat: no-repeat;
background-position: top left;
height: 13px;
}
div.top-right{
background-image: url(/top_right.png);
background-repeat: no-repeat;
background-position: top right;
height: 13px;
}
div.bottom-left{
background-image: url(/bottom_left.png);
background-repeat: no-repeat;
background-position: bottom left;
height: 13px;
}
div.bottom-right{
background-image: url(/bottom_right.png);
background-repeat: no-repeat;
background-position: bottom right;
height: 13px;
}
#wrapper1{
margin: 0px auto 0px auto;
padding: 5px;
}
#wrapper2{
background: #FFFFFF;
margin: 10px auto 10px auto;
width: 99%;
text-align: left;
padding: 0px;
clear:left;
}
</style>
top_left.png
top_right.png
bottom_left.png
bottom_right.png
-
Это картинки на углы типо этого: 
HTML
Code
<div id="wrapper2" style="margin-top:5px">
<div class="top-left2"><div class="top-right2"></div></div>
<div id="wrapper1" style="margin-top:0px; margin-bottom:0">
[BODY]
<div class="bottom-left2"><div class="bottom-right2"></div></div>
</div>
хаки это
