Websiten Problem beim Layout

[Fialldarg]

Hallo,

ich muss für Informatike eine website mit CSS und HTML erstellen, vielleicht auch ganz wenig Javascript, aber das lernen wir gerade erst.

Ich habe versucht ein Grundlayout zu machen, bin aber gescheitert an folgendem:

Ich will oben eine Menünavigationszeile, die nicht mitscrollt wenn ich unten das Textfeld scrolle, also hab ich die in einen div gesetz und auf postion:fixed, das klappt soweit, doch dann wenn ich das Textfeld mache und mit margin: 370px: damit es erst unter der navigationszeile anfängt, geht das nicht und der text ist im bild der navigationszeile.
Dann habe ich das Textfeld position: absolute, gesetzt, jz ist alles an seinem platz, aber wenn ich scrolle geht der text über die navigationszeile, aber er sollte unten durch gehen, damit man immernoch klicken kann...

habs auf imageshak hochgeladen, hoffe ihr könnt mir helfen : )

http://img405.imageshack.us/i/scrollbild1.jpg/

hier läuft der text oben weiter nach der navigationszeile und zwischen den icons. also so finde ich das nicht gut!

http://img263.imageshack.us/i/perfekt.jpg/

hier funktioniert es eigentlicht, nur das textfeld will meine width nicht mehr anerkennnen weil ich postiion:absoulte gesetz habe, aber es scrollt auch über die navigationszeile drüber, was nicht gut ist, da der text dahinter bleiben soll!

http://img710.imageshack.us/i/dasqe.png/

so hätte ich gerne die homepage, das oben die navigationszeile bestehen bleibt und unten praktisch nur ein textfeld scrollt, praktisch in einer einzelnen box, leider bringe ich das nicht zusammen....

bitte helft mir!

[Renaku]

Wenn ich das jetzt richtig verstanden habe, hast du 2 DIV-Container
(Das Menü und den Text).

Du lädst den Text nach dem Menü, dadurch liegt der Text über dem Menü drüber.

Setzt mal im Style des Menüs die Eigenschaft

Code: Alles auswählen

z-index: 1;

und im Text die Eigenschaft

Code: Alles auswählen

z-index: 0;

Das Element mit dem höheren Z-Index sollte jetzt über dem Element mit dem niedrigeren Z-Index liegen.

Näheres gibts hier -> http://www.css4you.de/z-index.html

Eine Zweite alternative ist, das ändern der Reihenfolge (das Menü zuletzt).
Da dein Menü ja eh fixed ist, ist die Position auf der Seite selbst Wurst egal.

Wenn das nicht geholfen hat, würde ich dich bitten deine HTML-Code zu posten.

Gruß

Renaku

[Fialldarg]

danke, das ist eine gute lösung, hab jedoch schon eine andere gefunden, in dem ich mittels <iframe> eine homepage in die homepage einbette und so funktioniert das auch schon, danke trotzdem