Div tag richtig darstellen

[crashcode]

Hallo
Ich bin der neu großes Grinsen und habe gleich mal eine frage.
Undzwar bin gerade am html und css lernen und bin auch schon an mein erstes Problem gestoßen und zwar würde ich gerne mehre div tag verschachteln

Siehe Link: http://oneofloser.on.funpic.de

mein problem ist ich möchte den banner (schwarzer div tag) gerne hinter dem grünen(kräftige frabe) div tag haben aber ich weiß nicht wie ich das hin bekommen soll ich hoffe ihr könnt mir weiter helfen !

Mit freundlich gruß
CraSh_Code

[gary]

Hi CrashCode,

Das sollte Helfen:

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index

Siehe dort bei z-index.

Viele Grüsse gary

[suit]

mein problem ist ich möchte den banner (schwarzer div tag) gerne hinter dem grünen(kräftige frabe) div tag haben aber ich weiß nicht wie ich das hin bekommen soll ich hoffe ihr könnt mir weiter helfen !

vorweg:
ein wrapper-element oder eine maximal-breite für body schadet nicht, mit 1680px viewportbreite sieht deine seite komisch aus ;) da der banner nach rechts rutscht - diese wrapper-element zb #container umschliesst alles, ist relativ positioniert und dient als ausgangspunkt für deine restliche seite (hat zb eine fixe breite oder zumindest eine maximalbreite, damit die seite bei sehr breiten viewports bedienbar bleibt und keine zu langen zeilen entstehen)

das übereinanderlegen erreichst du mit position (absolute oder relative) und z-index (wenn die elemente nicht richtig gereiht sind, sprich das falsche vorne ist)

beides findest du hier:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm

insbesondere den abschnitt über z-index solltest du dir durchlesen, da einerseits ein höhrere wert nicht unbedingt weiter vorne bedeutet und andererseits sinnlos vergebene werte viel verwirrung stiften - besonders für anfänger ist dies teilweise sehr verwirrend

weiter:
#navi_top ist kein guter name, was ist wenn die navi später mal rechts ist oder unten, oder links? dinge nach ihrem derzeitigen aussehen zu benennen ist schlecht, nach ihrer funktion hingegen schon

im übrigen ist #logo auch nicht unbedingt notwendig - was hälst du zb von einem h1-element wo du den text ausblendest du das logo als hintergrund einbindest (jaja, darüber lässt sich jetzt streiten)

die navigation kann ruhig #navi heissen, wenn du eine zweite navi hast, nenn sie #navi_ergaenzend oder #navi2

im übrigen verleihe ich dir hiermit die "goldene SELF-auszeichnung (in gold)" :p du bist seit längerem einer der ersten die html und css lernen wollen [1] und folgendes tun:
a) validen code liefern
b) farben zum testen verwenden um zu sehen was passiert
c) dein problem konkret beschreiben

[1] natürlich gibts das öfter, aber das hier ist vorbildlich :D