Może mi ktoś pomoże?
#page{ margin: auto; width: 500px; } #header{ height: 30px; border: 1px solid black; color: red; } #topmenu{ height: 10px; border: 1px solid black; color: red; } #left{ float: left; width: 200px; border: 1px solid black; } #right{ float: left; width: 200px; border: 1px solid black; } #footer{ clear: both; height: 20px; border: 1px solid black; }
<?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> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } body { background-color: blue; margin: 0; padding: 0; text-align: center; } #glowny { margin: 0 auto; padding: 0; width: 700px; text-align: center; } #top { width: 700px; height: 100px; background-color: red; } #pasek { width: 700px; height: 20px; background-color: yellow; } #lewe { width: 150px; background-color: green; float: left; } #srodek { width: 400px; background-color: grey; float: left; } #prawe { width: 150px; background-color: green; float: right; } #stopka { width: 700px; height: 20px; background-color: pink; clear: both; } </style> <body> <div id="glowny"> </div> </body> </html>