nicht angemeldet
Guten Morgen!
Ich möchte eine neue Website erstellen und bin aktuell am experimetieren mit CSS-basierten Layouts. Dazu habe ich bereits die Beispiele auf selfhtml.org angeschaut und mir dabei einige Inspirationen geholt. Ich selbst besitze schulische Kenntnisse über HTML. Leider hat man zu dieser Zeit Layouts teilweise noch mit Frames und Tabellen erstellt. CSS stellt aus diesem Grund aktuell noch etwas Neuland für mich dar.
Grundsätzlich soll die Seite wie folgt aussehen:
----------- Titel -----------
-------- -------------------
-------- -------------------
- Navi - ----- Inhalt ------
-------- -------------------
-------- -------------------
-------- -------------------
----------- Fuss ------------
Titel und Fuss habe ich als Überschrift (H2) in CSS definiert. Für den Bereich Navigation und Inhalt habe ich jeweils einen div-Container erstellt. Der div#Navi besitzt eine Breite von 60px und der div#Inhalt beginnt bei 60px.
Grundsätzlich funktioniert das Layout, leider habe ich Probleme sobald ein Browser verkleinert wird und im Bereich Inhalt ein langer Text oder z.B. eine Tabelle angezeigt wird. Die darin enthalten Texte werden bei entsprechend kleiner Fenstergröße aus dem div#Inhalt rausgeschoben, so dass das gesamte Layout zerschossen wird.
Gibt es eine Möglichkeit eine Mindestgröße festzulegen, bei der anschließend eine Scrollbar für links / rechts scrollen erscheint? Wie löse ich das Problem?
Habt ihr noch ein paar gute Links zum Thema css-basierte Layouts wo ich mich weiter mit der Thematik beschäftigen und meine Kenntnisse ausbauen kann?
MfG
TLorenzo
Ulysses