komusite
Active Member
- Регистрация
- 10.05.2009
- Сообщения
- 33
Здравствуйте все.
Представте себе сайт внутри рамки. Или рамку вокруг сайта . Короче говоря нужно что бы футер был прижат к низу страницы и при этом рамка полностью рисовалась на всю высоту. Никак не могу заставить рисоваться правый орнамент. На картинке он обозначен знаком восклицания. Подскажите как его сделать, пожалуйста.
Верстка на DIV-ах . Делаю просто- вкладываю один DIV в другой, а орнамент запихаю в background.
**********************************************************
Представте себе сайт внутри рамки. Или рамку вокруг сайта . Короче говоря нужно что бы футер был прижат к низу страницы и при этом рамка полностью рисовалась на всю высоту. Никак не могу заставить рисоваться правый орнамент. На картинке он обозначен знаком восклицания. Подскажите как его сделать, пожалуйста.
Верстка на DIV-ах . Делаю просто- вкладываю один DIV в другой, а орнамент запихаю в background.
**********************************************************
Код:
html {height: 100%}
body {
min-height: 100%;
height: auto !important;
height: 100%;
background: url(images/oblaka.gif) #91bfe4;
}
#wrapperL {
min-width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
background: url(images/main_left.gif) repeat-y;
}
#wrapperR {
min-width: 1000px;
width: 100%;
min-height: 500px;
height: auto !important;
height: 100%;
background: url(images/main_right.gif) repeat-y 100% 0%;
}
#header
{
width:100%;
height: 93px;
}
#header_middle
{
background: url(images/header_middle.gif) repeat-x;
}
#header_left
{
background: url(images/header_left.gif) no-repeat;
}
#header_right
{
background: url(images/header_right.gif) no-repeat 100% 0%;
}
#middle {
width: 100%;
padding: 0 0 100px;
height: 1%;
margin: 0px 85px;
}
#left {
width: 200px;
float: left;
}
#content {
padding-left: 200px;
}
#footer {
margin: -100px auto 0;
height: 100px;
}
</style>
----------------------------------
<div id="wrapperL">
<div id="wrapperR">
<div id="header">
</div>
<div id="middle">
<div id="left">
</div><!-- #left-->
<div id="content">
</div>
</div>
</div>
</div>
<div id="footer">
</div>