Layout zentrierter Container, aber Lücke im content?

[Vacuu]

Hi, hoffe ihr könnt mir helfen. Is mein erster Post hier

Bin totaler HTML / CSS Anfänger und probier halt viel aus.

Leider komm ich hier nicht weiter:
Bild

Habe zwei Probleme:

1 - Hätte gern mein Banner direkt oben am Bildschirm.
Habe das Gefühl dort ist noch ein Abstand.

2 - Und hier kommt mein wahres Problem, an dem ich
verzweifle. Der orange Bereich (Content) hat Abstand zur
oberen Navi (grau). Wie habe ich das gemacht und was muss
ich ändern, damit es ohne Abstand angezeigt wird?

Hier meine CSS / HTML Datei:


body {
background: #E7E7E2 url('img/bg2.jpg') repeat left top;
}
/* ----------container zentriert das layout-------------- */
#container {
width: 964px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background: #00FFFF;
}
/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #e1ddd9;
padding: 0px;
margin: 0px; }

#navi {
background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;
border-top: 1px solid #996;
}

#sidebarnavi {
float: left;

margin: 0px;
width: 200px;
height: 600px;
padding: 0px }

#content {
background: #FF7F00;
width: 764px;
margin-left: 200px;
margin-right: 0px;
height: 600px; }


HTML:
Die <div> Tags werden nicht dargestellt..
daher hab ich es hier hochgeladen:
http://files.filefront.com/indexNhtml/; ... einfo.html


Danke, für First-Aid

[Laus]

Hallo

Ich denke ein

Code: Alles auswählen

html,body{margin:0;padding:0;}

dürfte hier helfen

Gruß Xaver

[Vacuu]

Grüß dich!

Sauber, des funktioniert. Jetzt hab ich oben kein Abstand mehr!

Danke dir!

Haste vielleicht auch ne Idee, wie ich den anderen Abstand (2)
hinbekomme?

Den siehste aufm Bild oder?

http://666kb.com/i/ax9pvrmh3demkrnbm.jpg

Der orange Bereich (Content) hat Abstand zur
oberen Navi (grau). Wie habe ich das gemacht und was muss
ich ändern, damit es ohne Abstand angezeigt wird?

[Laus]

Ändere dein CSS so ab.

Code: Alles auswählen

#content
{float: right;
background: #FF7F00;
width: 764px;
margin-right: 0px;
height: 600px; }


Gruß Xaver