Kod: Zaznacz cały
<html>
<head>
<title>Test</title>
<style type="text/css">
#header{
background-color:gray;
}
#menu{
background-color:blue;
width:200px;
margin:auto;
}
#content{
background-color:red;
height: auto;
}
#infobox{
background-color:#ccc;;
width: 150px;
height: 100px;
float: right;
overflow: hidden;
}
#footer{
background-color:gray;
}
</style>
</head>
<body>
<div id="header">
Nagłówek szablonu
</div><!--Koniec header-->
<div id="menu">
Menu nawigacyjne
</div><!--Koniec menu-->
<div id="infobox">
Dodatkowe informacje
</div><!--Koniec infobox-->
<div id="content">
Treść strony
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in erat arcu, id tincidunt sem. Aenean pulvinar consequat nisl, eget posuere ipsum rhoncus eget. Sed lacinia, eros sit amet pharetra laoreet, nunc nisi bibendum turpis, eget tristique enim enim ut purus. Donec interdum, mauris ut pellentesque ultrices, magna nisl eleifend massa, vitae venenatis augue est eu risus. Ut vitae enim non sem ornare feugiat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque sit amet nisi eget nunc faucibus dignissim. Praesent at massa libero. Fusce rhoncus, leo et tincidunt laoreet, lectus nisi accumsan neque, in commodo magna magna hendrerit mauris. Nullam fringilla mollis nisl, nec aliquam leo luctus sit amet. Sed malesuada mattis ante eget lacinia. Cras eget dolor nisi, ut vehicula lacus. Integer vestibulum urna tristique sapien mollis pharetra. Vivamus lobortis orci et velit pulvinar venenatis. Sed eget tempor lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus blandit augue id diam porttitor venenatis.
</div><!--Koniec content-->
<div id="footer">
Stopka serwisu
</div><!--Koniec footer-->
</body>
</html>
Robiłem to na szybkości, więc mogą być jakieś drobne błędy. Zachęcam do skorzystania z validatora(http://validator.w3.org/). Pozdrawiam!