Ciao a tutti, sto cercando di risolvere da un po' questo problemino che mi sta affligendo, sto realizzando una pagina con layout a 3 colonne seguendo alcuni tutorial in rete, in pratica il div centrale non si allinea alle colonne laterali, ecco il codice:

index.html

codice:
<!doctype html>
<html>
  <head>
    <link rel="stylesheet" href="style.css" type="text/css">
  </head>
  <body>
    <div id="container">
      <div id="home_header">BARRA DEI MENU</div>
      <div id="home_nav">MENU DI NAVIGAZIONE</div>
      <div id="home_content">CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT</div>
      <div id="home_footer">FOOTER</div>      
    </div>
  </body>
</html>
style.css

codice:
#home_header {
  position:fixed; background-color:#008FCC; width:100%; text-align:center; left:0px; top:0px; margin:0; padding:0;}

#home_nav {
  float:left; width:220px; margin:40px 0 0; padding:0 1.5em;}

#home_content {
  margin:40px 280px 0; text-align:center;}

#home_extra {
  float:right; width:220px; margin:40px 0 0; padding:0 1.5em;}

#home_footer {
  clear:both; text-align:center; margin:100px 0 0;}

#container {
  position:relative;}
Purtroppo mi è stato richiesto di fare l'header con posizionamento fissato ma se metto posizionamento relativo funziona, quindi il problema nasce proprio da qui

P.S: non sò perchè ma il footer prende come distanza iniziale di margine solo il div centrale, invece di tutte e 3 le colonne come indicato da "clear:both", perchè ?