Sheridan: CSS und Designprobleme

Beitrag lesen

Hallo,

Man möge mir verzeihen, dass ich dieses oder ähnliches Thema schon gepostet habe, aber ich stehe anscheinend mit CSS auf Kriegsfuss bzw. scheint mir, dass mit CSS nicht alles machbar ist, was mit Tabellenlayout und Frames machbar ist.

Siehe dazu den interessanten Artikel "Div Container Bauweise mit Tücken" http://www.netzkritik.de/art/196.shtml
Da ich derzeit mit ähnlichen Problemen kämpfe, kann ich mich mit diesem Artikel sehr stark identifizieren.

Nach dem ich durch diverse Artikeln und Posting auf den Geschmack von CSS gekommen bin (HTML Erfahrung habe ich, Programmiererfahrung sowieso), habe ich erste Gehversuche unternommen.

Diese bestanden darin, dass ich mir die Vorlage von css4you http://www.css4you.de/wslayout1/ex0009.html hergenommen habe und an meine Bedürfnisse anpassen wollte.

Meine Homepage  soll zusätzlich unterhalb der Titleleiste eine horizontale Navigationsleiste erhalten und habe daher mit einem weiteren div Container experimentiert (auch verschiedene Varianten)

Ein erster Enrwurf findet man hier: http://www.georg-hasenoehrl.at/test_index.htm
Wie in vorherigen Postings gepostet, stellt der IE6 das korrekt dar, aber Netscape (71) und Opera (60) steigen bei der Darstellung.

Nach den Hinweis von nag, habe ich meine HTML und CSS Seite validieren lassen und entsprechend korregiert.

Auch damit lassen sich Opera und Netscape nicht überreden, die Seite wie gewünscht darzusellen. Haben diese Browser Probleme mit verschachtelten bzw. hintereinanderfolgenden Div Container bzw. muss man bei dieser Variante eine bestimmte Vorgehensweise berücksichtigen?

Ich wäre sehr dankbar für Hinweise, Links, etc. bezüglich Div Container und deren Eigenarten bei diversen Browsern.

Wenn das alles nichts nutzt und der Aufwand für meine private Homepag zu hoch wird, steige ich lieber wieder auf Frames um, oder auf Tabellenlayout oder absolut positionieren div Containern/Bereiche. Immerhin arbeite ich schon tagelang an diesem Problem.

Vielen Dank und

LG,
Georg!