Memento: Umsetzung eines Designs

Beitrag lesen

Hallo!

Ich habe mich lange nicht mehr mit HTML/CSS beschäftigt und würde nun gerne folgendes Design für eine Homepage umsetzten (sieht so aus wie ein Monopolyspielfeld):
[url=http://img237.imageshack.us/my.php?image=planhq2.png][img=http://img237.imageshack.us/img237/9629/planhq2.th.png][/url]
http://img237.imageshack.us/my.php?image=planhq2.png

Erklärung/Anforderungen:

  • der Hauptrahmen (blau) muss stets quadratisch sein; sollte sich aber nach Möglichkeit an die Breite/Höhe des Browserfensters anpassen (also je nach Auflösung ein kleineres oder größeres Quadrat; sagen wir mal 80% der Browserfensterhöhe als Seitenlänge des Quadrates)
  • in die Mitte soll man nach Möglichkeit auch längere Texte setzten können; jedoch soll sich die Größe des Hauptrahmens nicht ändern -> scrollen)
  • in die unteren Boxen im Hauptrahmen, sowie in den ganzen Hauptrahmen sollen Bilder, die man u.U. auch verlinken kann

Ich hoffe es kann mir jemand zumindest ein paar Hinweise geben, wie man das am besten machen kann (Ob mit Framestets, div, Tabellen, ...)

Danke!
Memento