Steel: Problem beim Positionieren mit div.

Beitrag lesen

Hi!

Ohauaha. Man kann sehen, dasss bleicher wohl recht hat mit seiner Vermutung. Zuerstmal ist absolute Positioinierung in diesem Fall durchaus moeglich, aber wohl eher nicht die beste Wahl. Fuer diese Art der Positionierung fehlt dir sichtlich das Verstaendnis/die Erfahrung. Auch die Struktur erweckt einen ungeplanten Anschein. Von Semantik zu schweigen.

Zuerstmal: Was willst Du? Du moechtest scheinbar drei Spalten. Eine fuer Menue und Werbung, eine fuer Content und eine fuer Bilder. Das ganze open und unten begrenzt von Kopf- und Fusszeile.

Das Menue, das Du hast, sollte mit ziemlicher Sicherheit kein div sein. Ein div ist ein Container um mehrere Elemente zu gruppieren. Ein Menue kann man prima als unsortierte Liste (ul) darstellen, Jeder Link ein Listenelement (li).

Diese Liste und deine Werbung kommt dann in eine Spalte, die natuerlich ein div sein kann, sein sollte.

Dein Content besteht mit Sicherheit auch aus verschiedenen Elementen. Mann kann wohl von ein paar Absaetzen (p) ausgehen. Kann man wieder getrost in einen Divcontainer packen.

Die Bildleiste. Hm. Klingt nach einer Liste von Bildern. Also wieder eine Liste (ul).

Ich weiss nicht, was du unter Kopf- und Fussleiste verstehst. Eine Kopfleiste besteht gewoehnlich aus einer Ueberschrift, also haben wir hier ein h vorzugsweise h1. Eine Fuszeile besteht haeufig auch nur ein einer Ansammlung von Links (eine Liste) oder ein Absatz (p) mit ein paar Bemerkungen zum Copyright oder aehnlichem.

Deine Seitenstruktur koennte so aussehen:
<h1>Seitentitel</h1>
<div>Menue</div>
<div>Inhalt</div>
<ul>Bilder</ul>
<ul>Fusszeile</ul>

Natuerlich weiss ich da nicht. Und auch wenn man die Seite selbst erstellt, ist oft nicht klar, was spaeter alles in wo positioniert sein soll. Vielleicht soll ueber die Bilder noch ein Kalender? Vielelicht soll in den Kopf gar keine Ueberschrift, sondern Aktienkurse? Deshalb haben viele Tamplates eine Struktur nur aus divs. Schliesslich weiss der Designer eines Templates nicht, was damit mal passieren soll.

Verschiedene Layouts findest du nciht nur bei selfhtml. Ich mag die die auf intensivstation.ch. Dort wird auch erklaert, was gemacht wurde. 3 Spalten dynamisch zentriert sieht nach etwas aus, das Du machen willst.

--
Vergesst Chuck Norris.
Sponge Bob kann unter Wasser grillen!