CSS Layout für Site Skin/Wallpaper

Für ein bestehendes Projekt soll ein CSS Layout erstellt werden. Es gibt 4 Bereiche (links, rechts, oben und Mitte). Ein Muster ist hier zu finden: http://www.prad.de/test/index.html

Die Bereiche rot sind momentan mit einer festen Größe versehen, diese sollen später nur dann eine Breite besitzen, wenn auch Werbung eingeblendet wird. Oben der grüne Bereich hat die Mindesthöhe von 10px, wenn dort Werbung eingeblendet wird, wird einen Höhe von z.B. 90px sichtbar. In den Bereich weiß wird später die bestehende Seite eingeblendet. Das Konstrukt wird sozusagen um die bestehende Seite gebaut.

Wichtig ist, dass der Code W3C konform ist und ab IE 6 funktioniert. Das im Beispiel sichtbare Design kann das bereits.

Nun aber zur eigentlichen Aufgabe. Für die Anzeige eines normalen Wallpapers wird oben und links über eine Tandemauslieferung die Werbung ausgeliefert. Es gibt aber auch fertige Werbung, wo nur ein JavaScript Code geliefert wird und dieser sowohl Leaderbord (oben) und Sky (rechts) beinhaltet. Dieser Code kann entweder im Bereich oben oder rechts eingeblendet werden und muss dann mit CSS positioniert werden. Dafür muss ein Container erstellt werden, der in einen der Bereiche eingeblendet wird und die Werbung in jedem Browser auch an der identischen Stelle zu sehen ist.

Für ein Site Skin gibt es 3 Banner oben komplett, sowie rechts und links. Es soll oben ein HTML Banner eingeblendet werden, was sich dann mit CSS um die Seite legt.