s patičkou problám není tu sem vygoogloval ale stejně textu bude na každé stránce dost.
když nezmíním výšky tak se to celé rozhází.
<div class="topy"></div>
<div class="insidy">
<div class="lefty"> </div>
<div class="righty"> </div>
<div class="centry">
<img src="../!graphic/environment/layout/logo.jpg" border="0" width="742" height="304">
<img src="proužek.gif" width="742" height="15" border="0" class="i">
<img src="proužek.gif" width="742" height="24" border="0" class="i">
..obsah
<img src="prouzek-spodni.gif" width="742" height="24" border="0" class="i">
</div>
</div>
<div class="bottomy"></div>
.insidy
{
margin-left: auto;
margin-right: auto;
width: 912px;
top: 58px;
}
.lefty
{
width: 85px;
height: 1200;
float: left;
background-image: url('bg.gif');
background-repeat: repeat-y;
}
.righty
{
width: 1200px;
height: auto;
float: right;
background-image: url('bg.gif');
background-repeat: repeat-y;
}
.centry
{
width: auto;
text-align: left;
background-color: #000000;
}
.topy
{
margin-top: 0;
margin-left: 0;
height: 58px;
background-image: url('top.gif');
background-repeat: repeat-x;
}
.bottomy
{
margin-left: 0px;
height: 20px;
background-image: url(bot.gif);
background-repeat: repeat-x
}
.i {margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px;}