http://methodman.ifastnet.com/css/
Kód: Vybrať všetko
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type"
content="text/html; charset=utf-8" />
<title>layout</title>
<style type="text/css">
body {
background-color:#C8C8C8; /* nastavenie farby pozadia */
margin: 0 auto; /* centrovanie pre Operu, Firefox, Mozilu */
text-align: center; /* centrovanie pre IE*/
}
#telo {
margin: 0 auto;
margin-top: 25px;
margin-bottom: 25px;
text-align: left;
width: 770px;
height: 525px;
border: 2px solid black;
background-color: #808080;
}
#hlavicka {
width: 770px;
height: 80px;
border-bottom: 2px outset #505050;
background-color: white;
}
#lavy {
float: left;
width: 113px;
height: 300px;
margin: 10px;
margin-right: 5px;
border: 1px solid #505050;
background-color:#C0C0C0;
}
#stred {
float: left;
height: 396px;
width: 498px;
margin: 10px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #505050;
background-color:#C0C0C0;
}
#pravy {
float: left;
width: 113px;
height: 200px;
margin: 10px;
margin-left: 5px;
border: 1px solid #505050;
background-color:#C0C0C0;
}
#paticka {
width: 100%;
height: 25px;
background-color: fuchsia;
}
</style>
</head>
<body>
<div id="telo">
<div id="hlavicka">Hlavicka
</div>
<div id="lavy">Lavy box</div>
<div id="stred">Stredny box</div>
<div id="pravy">Pravy box</div>
<div style="clear: both;"></div>
<div id="paticka">Paticka</div>
</div>
</body>
</html>
a osobne to mam spravene cez CSS ...
