Arbeiten mit nicht viereckigen Containern

[Simon la Croix]

Ich hab da mal ein etwas kniffliges Problem zu dem mir noch der richtige Ansatz fehlt.

Wie im Anhang zu sehen hab ich ein angefangenes Interface dass später noch um ein Menu, etwas Schnörkel, Logo, usw. erweitert wird. Das ganze wird dann zerschnitten und in Tabellen verpackt, alles wie gehabt. Der weisse Rahmen wird der Container für den Inhalt, womit es auch keine Probleme gibt. Problematisch ist nur die Grafik der Karte die bei einigen Menupunkten erforderlich ist, bei anderen nicht.
Jetzt würde ich gerne den Inhalt des roten Rahmens per Button ausblenden. Also jemand klickt auf einen Menupunkt der viel Text beinhaltet, den man schlecht lesen könnte würde man ihn einfach auf die Karte werfen, dann soll sie verschwinden.

Meine erste Idee wäre das mit Layern zu machen. Einen für den Rahmen ganz oben, einen für die Karte unten und den Container für Inhalte in die Mitte. Nur klappt sowas überhaupt, wenn man drei oder vielleicht sogar mehr Layer übereinander stapelt. Ich kann mir fast nich vorstellen dass das alle Browser mitmachen. Ok, es reicht auch wenn FF und IE es tun.

Irgendwie will mir aber auch nich einfallen wie man sowas einfacher lösen kann.

 

[Simon la Croix]

Niemand?

Hab ich mich kacke formuliert oder isses einfach unmachbar?

 

[Sven Mintel]

Auf welchem Weg stellst du die Karte denn überhaupt im Dokument dar?
Wenn es über Hintergrundgrafiken ist, dann würde ich das "ausblenden" per CSS machen.

Verpasse allen Elementen, welche einen Teil der Karte als Hintergrundgrafik haben, einen gemeinsamen Klassennamen, dann musst du in dem Falle, dass die Karte nicht gezeigt werden soll, per CSS für diese Klasse nur per background-image:none !important den Hintergrund verstecken.