nicht angemeldet
Tach,
danke jetzt schon mal an alle die den ganzen Text durchlesen, aber knackig und kompakt hab ich's leider nicht beschreiben können. Aber mit den gelinkten Seiten als Hilfe sollte klar sein um was es geht.
über Rändereinstellungen ist schon viel geschrieben worden, aber was ich suche, habe ich trotz Recherche im Archiv nicht gefunden.
Meine aktuelle Seite sieht so aus: http://www.eyrich-net.org/index.html sowohl unter IE 5.0/5.5 als auch Mozilla, IE 6 kann ich nicht testen.
Jetzt will ich das Menü oben fixiert haben unter der Inhalt soll drunter wegscrollbar sein (in Browsern die position:fixed verstehen, bei den anderen soll wenigstens obiges Layout erhalten bleiben).
Was ich mache ist den Menücode mit
"position:fixed; top:0px; left:0px; right:0px; z-index:100;"
umschließen und den Inhalt mit
"position:absolute; top:70px; left:10px; right:10px; z-index:75;"
Der Knackpunkt ist, daß das Menü links und rechts genau mit den Seitenrändern abschließen soll, der Inhaltstext nicht, die beiden Bilder aber doch wieder.
In http://www.eyrich-net.org/index2.html habe ich das untere Bild samt Text absichtlich dupliziert.
Erstes Bild wurde mit STYLE="margin-left:-13px;" nach links gerückt, das zweite mit STYLE="position:relative; left:-13px;" (jeweils im IMG-Tag).
Nun sieht es im Mozilla so aus, das das erste Bild samt Text ok sind, im IE 5.0/5.5 aber ein blöder weißer Rand links vom Bild.
Das zweite Bild ist in beiden Browsern richtig positioniert, der Text rechts davon aber leider in viel zu großem Abstand dazu.
Nun endlich meine Frage: 1. wie macht man's richtig und 2. welcher Browser von beiden zeigt's standardkonform an?
Zusatzfrage: Der Text am Seitenende klebt am Rahmen, wie bekomme ich einen schönen Abstand hin (leider weder mit bottom:5px; in obiger Positionsangabe noch mit margin-bottom:5px;)?
Bye,
Christian