CSS трабла
- Автор темы [/root.]
- Дата начала
- Статус
Господа, помогите решить проблему!
Есть таблица и при помощи css мне нужно встроить в начало (вверх) и конец (низ) этой таблицы по изображению в качестве фона.
При данной структуре, естественно, выполняется последний бэкграунд (с niz.gif). Как мне можно их объеденить под одним бэкграундом?
Есть таблица и при помощи css мне нужно встроить в начало (вверх) и конец (низ) этой таблицы по изображению в качестве фона.
PHP:
body {margin: 1em 0; padding:0; font-size: .8em;text-align: center}
#body {text-align:left;
background: #ff9933 url(/templates/cp/images/verh.gif) no-repeat top ;
background: #ff9933 url(/templates/cp/images/niz.gif) no-repeat bottom;
height:100%; padding:1px; margin: 0 auto 0 auto;padding-top: 30px;padding-left: 10px; padding-right: 10px;margin-top:0px; width:990px;}При данной структуре, естественно, выполняется последний бэкграунд (с niz.gif). Как мне можно их объеденить под одним бэкграундом?
Спасибо Добрым Людям, помогли разобраться =)))
Был создан айди :
и в HTML было исправлено с
на
Был создан айди :
Код:
#topbg {background: #ff9933 url(/templates/cp/images/verh.gif) no-repeat top; width: 1010px; margin:0 auto;}и в HTML было исправлено с
Код:
<body id="body">
Код:
<body>
<div id="topbg">
<div id="body">а еще можно вот так... просто и ьанально.
<style>
* html #content-wrapper {height: 100%}
#content-wrapper {clear: both;background:#F7F9FD;padding-bottom: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C4D0E8;}
* html #content {/*line-height: 1:2;*/}
* html #content {height: 100%}
#content {
background-color: #FFFFFF;
border: 1px solid #EEF2FB;
padding: 15px;
margin: 10px 20px;
}
#content-left-fixed {margin-right:-315px; float:left; width:100%}
.tmp {padding-right:315px;}
#content-right-fixed {float:right;width:310px;border-left-width:1px;border-left-style:solid;border-left-color:#C4D0E8;}
</style>
<html>
<div id="content-wrapper">
<div id="content">
<div id="content-left-fixed"><div class="tmp">ТЕКСТ</div></div>
<div id="content-right-fixed">ТЕКСТ</div>
</div>
</div>
</html>
<style>
* html #content-wrapper {height: 100%}
#content-wrapper {clear: both;background:#F7F9FD;padding-bottom: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C4D0E8;}
* html #content {/*line-height: 1:2;*/}
* html #content {height: 100%}
#content {
background-color: #FFFFFF;
border: 1px solid #EEF2FB;
padding: 15px;
margin: 10px 20px;
}
#content-left-fixed {margin-right:-315px; float:left; width:100%}
.tmp {padding-right:315px;}
#content-right-fixed {float:right;width:310px;border-left-width:1px;border-left-style:solid;border-left-color:#C4D0E8;}
</style>
<html>
<div id="content-wrapper">
<div id="content">
<div id="content-left-fixed"><div class="tmp">ТЕКСТ</div></div>
<div id="content-right-fixed">ТЕКСТ</div>
</div>
</div>
</html>
Poster
дизайнер
- Регистрация
- 13 Сен 2006
- Сообщения
- 88
- Реакции
- 33
от себя добавлю
а варианте с таблицей зачем столько дивов лепить? вполне подойдет p,span,h1,table... которые все-равно будут использоваться в коде
Код:
border-left-width:1px;border-left-style:solid;border-left-color:#C4D0E8;
равно
border: #C4D0E8 1px solid;а варианте с таблицей зачем столько дивов лепить? вполне подойдет p,span,h1,table... которые все-равно будут использоваться в коде
- Статус