Patrick: Probleme mit Ausrichtung

Beitrag lesen

Abend,

ich bin dabei, meine Vorstellung des Websitelayouts von einem vorhandenen Bild nach XHTML 1.0 Strict/CSS umzusetzen.

Hier das Ziel:
http://patrick-stoehr.de/design/studie.gif

Die Problemseite im Aufbau:
http://patrick-stoehr.de/design/ (Site)
http://patrick-stoehr.de/design/web.css (Stylesheet)

Folgende Probleme treten auf:

  • Das Menu wird nicht wie der Inhaltscontainer als Top, Main und Bottom im Ganzen dargestellt, sondern verteilt sich horizontal.
  • Das Content-Panel ist an der falschen Position. Mit float:middle verdeckt es aber den Header.

Sekundär, noch unwichtig:

  • Die Schrift wird über den schwarzen Rändern der Panels dargestellt. Logisch, ich habe auch keine anderen Anweisungen gegeben. Wie lauten sie?
  • Im Vorschaubild existiert eine schwarze Verbindung zwischen Menü und Content*. Wie positioniere ich diese, wenn ihre y-Stellung immer, say, 10px unter dem obersten Rand der Container sein soll?

Danke und Gruß
Patrick

PS: Bitte keine Menschelei über die "Webcam". Die Seite ist noch nicht öffentlich und ich brauchte einen Platzhalter. ;)

* = http://patrick-stoehr.de/design/images/connector.gif