margin-top und fixed navigator

[templer7]

hallo alle zusammen,
ich probiere gerade eine andere variante von navgationsbar aus.
diese leiste soll oben links gefixed werden, sodass sie bei zulangem seitentext mitscrollt. soweit funktioniert auch alles...

nun wollte ich aber anfangen inhalt einzufügen, und wollte oben einen margin-top von 5em (der hhe der navi bar) haben. wenn ich nun mein div mit id=text0 einen margin von 5em zuweise rutscht die navibar mit nachunten...

was mache ich falsch?
würde mich über hilfe freuen, hier die bspseite:
www.kobudokan.de/test.php

danke
sven

 

[anna55]

Hm, die Navi soll ganz oben links bleiben? Dann schreib doch bei deinen Divs container0 und container1 statt margin-top nur top.

Edit: Falsches Forum, da CSS Problem.

 

[templer7]

ohh, sorry schreib sonst nur im script fourm...

danke erstmal die navi bar sitzt jetzt am top, an der seite befindet sich aber eine scrollbar, die da nicht sein dürfte... warum? nach dem div ist doch schluss?

danke
sven

 

[anna55]

Spendiere html,body noch

margin:0;
padding:0;

 

[templer7]

ok, das funktioniert.

liegt das an dem doctype? sont ging das ja auch ohne die zus definitionen.

gebe ich einen div im body jetzt die eigenschaft margin-top:5em (weil der inhalt beim laden ja nicht von der navibar verdeckt werden soll, gibt es wieder scrollbars)

danke sven

 

[dkdenz]

liegt das an dem doctype? sont ging das ja auch ohne die zus definitionen.

Liegt definitiv nicht am Doctype.
Deine "Beobachtung" ist falsch.
Der Fx erzeugt ein margin/padding von ~16px und ~10px.
So auch andere Browser mit ähnlichen Maßen.

gebe ich einen div im body jetzt die eigenschaft margin-top:5em (weil der inhalt beim laden ja nicht von der navibar verdeckt werden soll, gibt es wieder scrollbars)

Ist logisch, oder? 100% + 5em = Scrollbar.
Verzichte auf body, html 100%, dann hast Du diese Sorgen nicht mehr.
Oder wandle die em in Prozent um und ziehe sie von den 100 ab.

 

[anna55]

Verzichte auf body, html 100%, dann hast Du diese Sorgen nicht mehr.

Wenn hier die 100% drin bleiben müssen, kannst du auch noch ergänzen:

overflow:auto;

Dann erscheinen erst Scrollbars, wenn der Div Inhalt mehr Platz benötigt.

 

[templer7]

danke für die schnellen antworte.
100% + irgendwas ist verständlich... XD
sonst funtioniert alles.

mfg
sven