Pilnas kodas:
Kodas: Pasirinkti visus
<html>
<head>
<title>THREE-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}
#header {
background: #0f0;
width: 100%;
height: 15%;
}
#leftcol {
background: #f00;
float: left;
width: 20%;
height: 70%;
}
#rightcol {
background: #f00;
float: right;
width: 20%;
height: 70%;
}
#content {
background: #fff;
float: left;
width: 59%;
height: 70%;
}
#footer {
background: #0f0;
clear: both;
width: 100%;
height: 15%;
}
-->
</style>
</head>
<body>
<div id="header">Header Section</div>
<div id="leftcol">Left Section</div>
<div id="rightcol">Right Section</div>
<div id="content">Content Section</div>
<div id="footer">Footer Section</div>
</body>
</html>
Nors laikausi nuomones kad headeris turi buti stabilus.