<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<div id=zaza>
<div id=zaza2>
<img src="top.jpg" width="1000px">
</div>
<div id="zaza3">
</div>
<div id="zaza4">
<div id=top>
<img src="paper_top.jpg" width="800px" height="70px">
</div>
<div id=left>
<div id=img3>
<img src="paper_left.jpg" height="300" width="100px">
</div>
<div id="img4">
<img src="paper_left_priamaia.jpg" height="500" width="100px">
</div>
</div>
<div id=right>
<div id="img1">
<img src="paper_right.jpg" height="300px" width="55px">
</div>
<div id="img2">
<img src="paper_right_back.jpg" height="500px" width="55px">
</div>
</div>
<div id="zaza5">
</div>
</div>
</body>
</html>
img {
display: block
}
#zaza {
width:1000px;
margin: 0px auto;
}
#zaza2 {
margin: 0px auto;
width: 990px;
}
#zaza3 {
float: left;
width: 200px;
}
#zaza4 {
float: left;
width: 800px;
}
#zaza5 {
width: 645px;
position: relative;
left:100px;
background: url("paper_back.jpg");
height: 800px;
}
#top{
vertical-align: top;
height: 70px;
}
#left{
float: left;
}
#right{
float: right;
}
#img1{
float: right;
}
#img2{
clear: right;
}
#img3{
float: left;
}
#img4{
clear: left;
}
Вот вариант блочной верстки