Problem mit Imagemap per CSS

    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

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

    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> ?

    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?

    Einmal editiert, zuletzt von synaptic (30. Juli 2009 um 09:57) aus folgendem Grund: beiträge zusammengeführt vermeide bitte doppelposts und benutz die edit-funktion, danke -synaptic-

    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]-->

    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)

    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.