У меня есть контентский блок. 818px в ширину.
<div id="container">
<div id="content">
<div class="block">
<div class="blocktop"></div>
<div class="blockmiddle">
<div class="blockcontent">
Тестируем
</div>
</div>
<div class="blockbottom"></div>
</div>
</div>
</div>
И, в css:
#container {
width: 100%;
overflow: hidden;
}
#content {
padding: 0 0px 0 0;
}
.block {
width: 818px;
}
.blocktop {
width: 818px;
height: 11px;
overflow: hidden;
background: url("img/topcontent.png");
background-position: center;
}
.blockbottom {
width: 818px;
height: 11px;
overflow: hidden;
margin-bottom: 0px;
background: url("img/downcontent.png") center;
background-position: center;
}
.blockmiddle {
width: 818px;
background: url("img/content.png") repeat-y center;
background-position: center;
}
.blockcontent {
text-align: left;
margin: 0px 10px 0px 10px;
margin-top: 0px;
width: 818px;
padding: 0px 0px;
}
Перепробовал все что знал. Блок стоит слева =(.