Scusate sto iniziando a cercare di capire qualcosa sui css dopo un pò di letture.
il #div#container{width:700px;} indica che il layout è fisso o sbaglio?
poi se qualcuno gli da un'occhiata per vedere se tutto può andare bene come inizio.
L'elenco non ordinato per allinearlo a sinistra ho dovuto azzerare margini giusto? Se aumento il padding però scende sempre + giu' rispetto al paragrafo con titolo menu.
E' giusto mettere un paragrafo per il titolo del menu e sotto l'elenco <ul>?

grazie

Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Layout prova</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">

<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;}

div#container{width:700px;}

div#menualto{width:100%; height:14px ;border: 1px dotted red;margin-top:2px; overflow:hidden;}

div#content{float:left;width:400px;border: 1px dotted red;}

div#navigation{float:left;width:147px;border: 1px dotted green;background-color:red;}
div#navigation p{color:white;}
ul {list-style-type:none;padding:5px; margin:0;text-align:left;}


div#extra{float:right;width:147px; border: 1px dotted blue;}

div#footer{clear:both;width:100%;border: 1px dotted red;margin-top:2px;}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="menualto">menu</div>
<div id="navigation">


Titolo</p>
<ul>[*]Primo menu[*]Secondo menu[*]Terzo menu[/list]


f</p>


f</p>


f</p>


f</p>


f</p>
</div>
<div id="content">


Contenuto</p>


prova</p>
</div>

<div id="extra">


extra</p>
</div>
<div id="footer">

 footer</p></div>
</div>
</body>
</html>