CODE:
<style>
.block{
padding: 0px;
margin: 0px;
width: 123px;
height: auto;
/*border: 1px solid black;*/}
.topbar{
padding: 0;
margin: 0px;
width: 123px;
height: 10px;
background-image: url('top_bar.gif');
background-repeat: no-repeat;
/*border: 1px solid #000000;*/}
.block-content{
margin: 0px;
padding: 10px;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #f9f9f9;}
.bottombar{
width: 123px;
margin: 0px;
background-image:url('bottom_bar.gif');
background-repeat: no-repeat;}
</style>
<div class="block">
<div class="topbar"></div>
<div class="block-content">
text
</div>
div class="bottombar"></div>
</div>
выглядит так:
http://artezio.ru/ftp/divtest.html
как задать стилям topbar и bottombar четко выстоту 10px? никак не пойму откуда там лишняя строка вылезает?
|