Problem mit Imagemap per CSS

julieann

Hallo!

Ich habe eine Imagemap per CSS erstellt (zumindest damit begonnen). Man kann sie sich auf einer separaten Seite ansehen:

http://www.oecocolor.de/TEST/karte.html

Nun habe ich versucht, diese in mein Layout einzufügen. Das funktioniert aber irgendwie nicht recht.
Kann mir da jemand helfen?

http://www.oecocolor.de/TEST/karte_layout.html

Das css File:
http://www.oecocolor.de/TEST/css/oecocolor_karte.css

Die "normale" Seite (ohne Karte) sieht derzeit so aus:
http://www.oecocolor.de/TEST/index.html

Bandit

Die ganzen absoluten Positionierungen sind nicht gerade toll, und wenn du overflow:auto hast, kommt eben der Scrollbalken.

thilda

Dazu kommt noch das du für den IE, und NUR für den IE, eine Tabelle erzeugst und die a-Tags schließt. Warum?
Haben andere Browser nicht auch recht auf ein <a></a> ?

julieann

Das mit dem Scrollbalken weiß ich, das wäre ja mein geringstes Problem.
Die absoluten Positionierungen sind nötig, um das Layout hinzukriegen, also den Footer und Header zu positionieren und die Breite immer beizubehalten. Aber die Map an sich funktioniert ja einfach nicht, sondern de "Popups", die eigentlich erscheinen sollten, wenn man mit der Mouse über die Karte fährt, stehen einfach als sturer Text unter der Karte. Das meine ich eigentlich.

Zitat von thilda

Dazu kommt noch das du für den IE, und NUR für den IE, eine Tabelle erzeugst und die a-Tags schließt. Warum?
Haben andere Browser nicht auch recht auf ein <a></a> ?

Was genau meinst du?

thilda

Ich meine sowas:

Code

<!--[if IE 7]><!-->
      </a> 
      <!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]-->

Und sowas hier:

Code

<!--[if lte IE 6]></td></tr></table></a><![endif]-->

julieann

Ich habe das von Stu Nicholls Vorlage übernommen bzw. angepasst. Ich habe ihm zugetraut, sich da etwas besser auszukennen als ich.

http://www.cssplay.co.uk/menu/solar_map

Ich dachte mir (mit meinen beschränkten Kenntnissen), dass es darum geht, das ganze für die verschiedenen Browser gleich darzustellen. Ich bin mir gerade auch nicht sicher, warum das </a> nur für den IE7 angegeben ist bei ihm (bzw. dadurch auch mir)

thilda

Schmeiß es einfach alles raus. Das braucht keiner.

julieann

wird es denn dann mit dem IE der verschiedenen Generationen (bzw. z.B. dem IE6) auch vernünftig angezeigt?

ABER : das behebt ja mein eigentliches Problem nicht Eingefügt in das Layout funktioniert es als "Popup" ja immer noch nicht,sondern steht nur unformatiert unter der Karte.