Überprüfung: Boxmodell

[Adrian]

Hallo!

Kann sich jemand mal kurz Zeit nehmen und prüfen:

[link href=http://oeftiger.germanclanzone.de/oeftiger-new/index.php]

Ich habe das Problem, dass er die Inhaltsbox in der Mitte über die beiden Menüseiten stellt. (erstmal für Mozilla am testen)
ich möchte die box aber in der mitte haben.

Folgender CSS Code:

  
  body {  
    color: #000000;  
    background-color: #D2A74C;  
    background: url("../pictures/gfx/layout_yellow/bg.gif") repeat;  
    font-size: 12pt;  
    font-family: Helvetica, Arial, sans-serif;  
    margin: 0px;  
    padding: 0px;  
    text-align: center;  
    vertical-align: middle;  
  }  
  
  div#page {  
    text-align: left;  
    vertical-align: top;  
    margin: 10px;  
    padding: 0px;  
    width: 760px;  
    border-width: 0px;  
  }  
  
  h1 {  
    font-size: 18pt;  
    margin-top: 0px;  
    margin-left: 0px;  
    margin-right: 0px;  
    margin-bottom: 10px;  
    padding-top: 0px;  
    padding-left: 0px;  
    padding-right: 0px;  
    padding-bottom: 5px;  
    text-align: center;  
    vertical-align: bottom;  
    background: url("../pictures/gfx/layout_yellow/header.gif") no-repeat #D2A74C;  
    border-width: 1px;  
    border-style: solid;  
    border-color: #9F601C;  
  }  
  
  ul.navi {  
    width: 200px;  
    margin-top: 0px;  
    margin-bottom: 10px;  
    padding: 0px;  
    border-width: 1px;  
    border-style: solid;  
    border-color: #9F601C;  
    background: #D2A74C;  
    vertical-align:middle;  
  }  
  ul#leftnavi {  
    text-align:left;  
    float: left;  
    margin-left: 0px;  
    margin-right: 10px;  
  }  
  ul#rightnavi {  
    text-align:right;  
    float: right;  
    margin-left: 10px;  
    margin-right: 0px;  
  }  
  ul.navi li {  
    list-style: none;  
    margin-top: 10px;  
    margin-bottom: 0px;  
    padding: 0px;  
  }  
  ul#leftnavi li {  
    margin-left: 20px;  
    margin-right: 0px;  
  }  
  ul#rightnavi li {  
    margin-left: 0px;  
    margin-right: 20px;  
  }  
  ul.navi a {  
    display: block;  
    font-weight: bold;  
    text-decoration: none;  
  }  
  ul.navi a:link {  
    color: #000000;  
  }  
  ul.navi a:visited {  
    color: #000000;  
  }  
  ul.navi a:hover {  
    color: #9F601C;  
  }  
  ul#.navi a:active {  
    color: #9F601C;  
  }  
  
  div#content {  
    margin-top: 0px;  
    margin-left: 0px;  
    margin-right: 0px;  
    margin-bottom: 10px;  
    padding: 10px;  
    background: #D2A74C;  
    border-width: 1px;  
    border-style: solid;  
    border-color: #9F601C;  
  }  
  
  p#footer {  
    clear: both;  
    font-size: 8pt;  
    margin: 0px;  
    padding: 4px;  
    text-align: center;  
    vertical-align: middle;  
    background-color: #D2A74C;  
    border-width: 1px;  
    border-style: solid;  
    border-color: #9F601C;  
  }  
  

Auf div-content kommts an.

MfG, Adrian