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">&nbsp;</div>
<div class="righty">&nbsp;</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;}