Problem mit Layout / Positionierung

[OLZU]

Hallo zusammen,

da ich nach stundenlanger harter Arbeit an einem CSS-Layout verzweifel,
versuche ich jetzt Hilfe in diesem Forum zu finden.

Es geht um das Layout, das ihr euch bei
http://www.zubrod.de/css-test/index.htm
anschauen könnt.

Die Gecko-Engine (in Form von Phoenix 0.5) zeigt mir die Seite genauso an,
wie ich mir das vorgestellt habe.
Deswegen gehe ich eigentlich davon aus, daß ich alles richtig gemacht habe... :-)

Allerdings bereitet mir der Internet Explorer (6.0) extreme Kopfschmerzen.
Hier wird das <div> mit der id="content" viel zu weit unten und zu weit links
dargestellt.

Könnt ihr euch das Bitte mal anschauen.
Vielleicht weiß ja jemand, wo der Fehler liegt.
Sollte der Fehler bei mir liegen, wäre ich dankbar für Tipps, wie ich ein
solches Design für alle modernen Browser machen kann.

Ich bedanke mich jetzt schon mal für euere Mühe und erwarte mit Spannung
euere Antworten  (*schleim*)

Gruß
(ein verzweifelter)
OLZU

[Hendrik]

hi,
der IE hat die eigenschaft bei position:relative; so zu positionieren, wie's gerade passt. Bei dir meint er, content passt nicht mehr in outer, also pack ich's halt drunter...
Machst du outer breiter (so ab 730px) baut er es schon neben einander...

Mehr hab ich auch noch nicht raus...
Von vornherein würde ich auber nicht mit relative sondern mit absolute positionieren, das ist einfach berechenbarer, auch wenn es sich ziemlich statisch und steif verhällt...

sorry, kann im moment nicht direkt helfen, manchmal gibt es mit CSS einfach keinen guten kompromiss zwischen Gecko und MSIE

ciao
Hendrik Sollich

*make peace*
*It's the only thing that makes human beings intelligent live*

[OLZU]

Hallo Hendrik,

vielen Dank für deine Antwort.

Machst du outer breiter (so ab 730px) baut er es schon neben einander...

Wenn ich outer breiter mache, stimmt zwar jetzt die Höhe, der Abstand zwischen
menu und content passt aber trotzdem nicht...  :-(

Mehr hab ich auch noch nicht raus...
Von vornherein würde ich auber nicht mit relative sondern mit absolute positionieren, das ist einfach berechenbarer, auch wenn es sich ziemlich statisch und steif verhällt...

Ich würde gerne mit absoluter Positionierung arbeiten, aber wie schaffe ich es
dann, daß outer im Browser-Fenster zentriert wird??

sorry, kann im moment nicht direkt helfen, manchmal gibt es mit CSS einfach keinen guten kompromiss zwischen Gecko und MSIE

Sollte sich hier keine Lösung finden lassen, müßte ich wohl diesen Versuch wieder
einstampfen und die ganze Idee begraben...  :-(

Gruß
OLZU

[Salokin]

Hi OLZU,

Sollte sich hier keine Lösung finden lassen, müßte ich wohl diesen Versuch wieder
einstampfen und die ganze Idee begraben...  :-(

Nicht so schnell!

Das Prinzip ist folgendes: Innerhalb eines relativ positionierten Elements kannst Du wieder absolut positionieren. Ergo:

Ergänze #outer um:
position:relative;

Ändere #header, #menu und #content zu:
position:absolute;

Die top-Angaben musst Du dann natürlich entsprechend anpassen (relativ zum "relativ" positionierten #outer-Element.

Ich hab's zur Demo einmal hochgeladen: http://www.salokin.de/solutions/zubrod/

Viel Spaß,

Salokin

[OLZU]

Hallo Salokin.

Ich hab's zur Demo einmal hochgeladen: http://www.salokin.de/solutions/zubrod/

Wow! Ich bin geplättet! Vielen lieben Dank für deine Mühe.
Das Demo übertrifft meine kühnsten Erwartungen - genau so wollte ich's haben.

Ich hab zwar auch schon mal absolute und relative Positionierungen "gemischt",
aber die Ergebnisse waren immer erbärmlich.

Aber dank dir kann ich ja jetzt beruhigt (und mit einem Lächeln im Gesicht *g*)
ins Bett gehen.
Dann bin ich morgen fit und kann dieses Layout mit Inhalten füllen...

Gut's Nächtle.

OLZU