Problem mit meinem Template

[kleinBajor]

Hallo zusammen,

ich sitze derzeit daran, eine neue Webseite zu erstellen. Nachdem ein professionelles Template sich nicht so umgestalten ließ, wie ich das wollte, habe ich es selbst versucht.

Folgendes Aussehen ist das Ziel:

1) Header, evtl Top-Navigation (wichtige Oberseiten), 3 Spalten (Navigation, Inhalt, Logos/Bannerwerbung), Fußzeile (z. B. Copyright-Hinweis)

2) flexible Positionierung der Spalten

3) Orientierung zumindest der Mittelspalte an der Fenstergröße

4) linke und rechte Spalte am sinnvollsten mit fixer Breite

Aufbau des Templates:

- Gesamt-div ("page-content")
-> enthalten sind Header, Topnavi, Inhalts-div und Footer

- Inhalts-div
-> enthält 3 Spalten (Navigation = left: feste Breite, floating links; middle: floating rechts; right: feste Breite, floating rechts)

- je Spalte ein separater div für den eigentlichen Inhalt (Ziel: separate Größendefinitionen und Vervielfältigungsmöglichkeit innerhalb der Spalte)
-> jeweils per CSS "width=100%;")

- Footer: floating rechts, width: 100%; separater div für Inhalt (width: 100%)

Im Wesentlichen funktioniert das bereits, allerdings haben sich einige Probleme ergeben:

1) die Fußzeile macht nicht, was sie soll
-> setze ich statt relativer eine absolute Positionierung (position: absolute), vagabundiert der Footer quer durchs Bild - je nachdem, was alles absolut steht, sitzt er mal oben und mal mittendrin - hält sich also nicht an seine Position nach dem Inhalts-div

2) in der Analyse mit Firefox steht laut Code alles an der richtigen Stelle, aber der Bildschirm zeigt was Anderes an (zB beinhalten laut Bild weder der page-content noch der Inhalts-div all das, was drin sein sollte)

3) gebe ich Allem eine relative Position, passt es optisch, aber die Mittelspalte nutzt nicht den vollen Platz bzw tut dies nur bei 800*600er-Auflösung (zufällig die richtige Breite dafür *lach*)

Arbeite ich mit Prozentangaben für die Breite des Mittelspalten-div's, beeinflusst das schon den div eine Ebene höher und damit die anderen Spalten. Ab einem gewissen Punkt (ca. 60% der Gesamtbreite) wird bei Platzauffüllung von rechts her (ist das normnal ?!) bei kleiner Fensterbreite die Navigationsspalte aus dem Bild geschoben. Da das nicht sinnvoll ist, muss ich bei größeren Browserfenstern mit viel Platz zwischen den Spalten leben. Automatische Platznutzung sieht m. E. anders aus.

Mir ist klar, dass die Problempunkte 1 und 2 zusammen einen Erklärungsansatz zu liefern scheinen (wenn in den div's nicht alles drin ist, was drin sein soll, hält sich der Footer an Gott weiß was, z. B. an den letzten relativ positionerten div ?!). Wäre logisch, ich kapiere aber den Grund nicht - der Code stimmt ja laut Analyse und trotzdem macht die Bildschrimanzeige was komplett Anderes.

Hat jemand eine Ahnung, was da los sein könnte ? Ich bin für jede Hilfe dankbar. Code-Dateien etc kann ich bei Bedarf aber erst heute nachmittag schicken - ich sitze am Arbeitsplatz, meine Typo3-Installation liegt daheim auf meinem Privatrechner.

Bis bald, Steffen

[j0nnybrav0]

http://www.amazon.de/Fortgeschritten...180187&sr=8-15 ?