Mam taki oto kod strony:
Kod: Zaznacz cały
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Gildwars</title>
<style type="text/css">
div.lewo {
width: 215px;
float: left;
margin-left: 38px ;
margin-right: auto ;
margin-top: 10px ;
margin-bottom: auto ;
}
div.prawo {
width: 215px;
float: right;
margin-left: auto ;
margin-right: 45px ;
margin-top: 10px ;
margin-bottom: auto ;
}
div.center {
background-image: url(tloc.bmp) ;
width: 470px;
float: left;
margin-left: 5px ;
margin-right: 5px ;
margin-top: 0px ;
margin-bottom: 0px ;
}
div.gorac{
width: 470px;
float: left;
height: 30px;
margin-left: 5px ;
margin-right: 5px ;
margin-top: 10px ;
margin-bottom: 0px ;
background-image: url(gorac.bmp) ;
}
div.dolc{
width: 470px;
float: left;
height: 30px;
margin-left: 5px ;
margin-right: 5px ;
margin-top: 0px ;
margin-bottom: 0px ;
background-image: url(dolc.bmp) ;
}
div.rama {
display: table ;
width: 1000px;
margin: 0 auto;
background-image: url("tloramy.bmp") ;
}
div.stopka {
background-image: url("dol.bmp") ;
width: 1000px;
height: 145px ;
display: block;
clear: both ;
margin: 0 auto;
}
div.logo{
background-image: url("logo1.bmp") ;
height: 144px ;
width: 1000px;
display: block;
clear: both ;
margin-left: auto ;
margin-right: auto ;
margin-top: auto ;
margin-bottom: 0px ;
}
span.stopka{
margin-left: 300px;
width: 140px;
margin-right: 300px;
}
div.abc{
padding-left: 10px;
width: 215px;
background-repeat: repeat-y ;
background-image: url("tlod.bmp") ;
}
div.gora{
width: 215px;
background-image: url("divg.bmp") ;
height: 30px ;
float: left;
}
div.dol{
width: 215px;
background-image: url("divd.bmp") ;
height: 30px ;
float: left;
}
body {
background-image: url("tlo1.gif") ;
color: #AC986F;
}
</style>
</head>
<body>
<div class="logo">
</div>
<div class="rama">
<div class="lewo">
<div class="gora"> </div>
<div class="abc"> jeszce jeden i jeszcze dwa, niech nam żyje para młoda<br /> dkhfhksdfgh</div>
<div class="dol"> </div>
<br />
<div class="gora"> </div>
<div class="abc"> jeszce jeden i jeszcze dwa, niech nam żyje para młoda<br /> dkhfhksdfgh</div>
<div class="dol"> </div>
</div>
<div class="gorac"> </div>
<div class="center">
wie¶ci <br /> <br />wl;jfs
</div>
<div class="dolc"> </div>
<div class="prawo">
<div class="gora"> </div>
<div class="abc"> i jeszce jeden i jeszcze dwa, niech nam żyje para młoda<br /> dkhfhksdfgh</div>
<div class="dol"> </div>
<br />
<div class="gora"> </div>
<div class="abc"> i jeszce jeden i jeszcze dwa, niech nam żyje para młoda<br /> dkhfhksdfgh</div>
<div class="dol"> </div>
</div>
</div>
<div class="stopka">
<span class="stopka"> stopkas</span>
</div>
</body>
</html>
Tu jest strona bez grafiki, ale kolumna i tak schodzi, więc można sobie obejrzeć;): http://legendy.awardspace.com/main_m.htm
.