<!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; }
#zaza2 { margin: 0px auto; width:990px; }
UPD
