Imagemap im Internet Explorer

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Imagemap im Internet Explorer

    Hallo liebe Leute,

    mein nächstes Problem ist, dass ich eine Imagemap über die Headergrafik gelegt habe.
    Im Firefox passt alles (wie immer hald) und im Internet Explorer natürlich nicht :(
    Dort ist unter der Imagemap ein kleiner Strich ca. 2-3px...

    Der muss logischer weiße weg... aber wie?!
    border, margin, usw habe ich im CSS bereits auf 0 gesetzt...
    greetz,
    seitz

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von seitz ()

  • hier der quelltext (ausm browser)

    Quellcode

    1. <td width="967" height="177">
    2. <map name="logo" style="margin: 0px; padding: 0px;">
    3. <area href="index.php" shape="rect" coords="17,31,275,101" />
    4. </map>
    5. <img src="uploads/tx_templavoila/header.jpg" width="967" height="177" border="0" usemap="#logo" alt="" title="" />
    6. </td>


    und hier das css

    Quellcode

    1. img, map {
    2. border: 0px;
    3. margin: 0px;
    4. padding: 0px;
    5. }
    greetz,
    seitz

  • Welche IE Version benutzt du?
    ich habe gerade deinen quellcode ausprobiert und es hat im IE 7 wunderbar funktioniert.
    Vielleicht überschreibst du irgendwo deine border eigenschaft in css.
    Könnest du vielleicht mal den ganzen Quellcode der Seite schicken.
    Open Source --> Programmieren aus Leidenschaft :!:

    Ich stehe weder für privaten Support per PM noch über einen IM zur Verfügung. Danke.

  • ich benutze version 7 vom IE

    ok.. hier der ganze quelltext ;)

    Quellcode

    1. <!DOCTYPE html
    2. PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    3. <html>
    4. <head>
    5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    7. <!--
    8. This website is powered by TYPO3 - inspiring people to share!
    9. TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
    10. TYPO3 is copyright 1998-2008 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    11. Information and contribution at http://typo3.com/ and http://typo3.org/
    12. -->
    14. <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8192c2092f.css" />
    15. <link rel="stylesheet" type="text/css" href="fileadmin/templates/style.css" />
    16. <title>Garten Reischl: Home</title>
    17. <meta name="generator" content="TYPO3 4.2 CMS" />
    19. <script type="text/javascript" src="typo3temp/javascript_0b12553063.js"></script>
    21. </head>
    22. <body align="center" valign="top">
    24. <table align="center" valign="top" width="990" height="100%" cellpadding="0" cellspacing="0" border="0">
    25. <tr>
    26. <td width="10" height="177" style="background: url(fileadmin/templates/img/header_schatten_links.jpg) no-repeat;"></td>
    27. <td width="967" height="177">
    28. <map name="logo" style="margin: 0px; padding: 0px;">
    29. <area href="index.php" shape="rect" coords="17,31,275,101" />
    31. </map>
    32. <img src="uploads/tx_templavoila/header.jpg" width="967" height="177" border="0" usemap="#logo" alt="" title="" />
    33. </td>
    34. <td style="background: url(fileadmin/templates/img/header_schatten_rechts.jpg) no-repeat;"></td>
    35. </tr>
    37. <tr>
    38. <td style="background: url(fileadmin/templates/img/content_schatten_links.jpg) repeat-y;"></td>
    39. <td>
    40. <table height="100%" width="967" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff;">
    42. <tr>
    43. <td align="left" valign="top" style="padding: 32 0 0 0;"><table valign="top" cellpadding="0" cellspacing="0" border="0"><tr><td><img src="clear.gif" height="1" width="22"></td><td><table cellpadding="0" cellspacing="0" border="0"><tr><td colspan="4"><img src="fileadmin/templates/img/strich.jpg"></td></tr><tr><td width="29"><img src="clear.gif" height="1" width="29"></td><td height="30" valign="middle" class="menu-level-1-no"><img src="fileadmin/templates/img/listitem.jpg"></td><td valign="middle" class="menu-level-1-no"><img src="clear.gif" height="1" width="13"></td><td width="100%" valign="middle" class="menu-level-1-no"><a href="index.php?id=28" onfocus="blurLink(this);" class="menu-level-1-act">Home</a></td></tr></table></td></tr><tr><td><img src="clear.gif" height="1" width="22"></td><td><table cellpadding="0" cellspacing="0" border="0"><tr><td colspan="2"><img src="fileadmin/templates/img/strich.jpg"></td></tr><tr><td><img src="clear.gif" height="1" width="29"></td><td width="100%" height="30" valign="middle" class="menu-level-1-no"><a href="index.php?id=27" onfocus="blurLink(this);" class="menu-level-1-no">Über uns</a></td></tr></table></td></tr><tr><td><img src="clear.gif" height="1" width="22"></td><td><table cellpadding="0" cellspacing="0" border="0"><tr><td colspan="2"><img src="fileadmin/templates/img/strich.jpg"></td></tr><tr><td><img src="clear.gif" height="1" width="29"></td><td width="100%" height="30" valign="middle" class="menu-level-1-no"><a href="index.php?id=26" onfocus="blurLink(this);" class="menu-level-1-no">Service</a></td></tr></table></td></tr><tr><td><img src="clear.gif" height="1" width="22"></td><td><table cellpadding="0" cellspacing="0" border="0"><tr><td colspan="2"><img src="fileadmin/templates/img/strich.jpg"></td></tr><tr><td><img src="clear.gif" height="1" width="29"></td><td width="100%" height="30" valign="middle" class="menu-level-1-no"><a href="index.php?id=25" onfocus="blurLink(this);" class="menu-level-1-no">Leistungsspektrum</a></td></tr></table></td></tr><tr><td><img src="clear.gif" height="1" width="22"></td><td><table cellpadding="0" cellspacing="0" border="0"><tr><td colspan="2"><img src="fileadmin/templates/img/strich.jpg"></td></tr><tr><td><img src="clear.gif" height="1" width="29"></td><td width="100%" height="30" valign="middle" class="menu-level-1-no"><a href="index.php?id=24" onfocus="blurLink(this);" class="menu-level-1-no">Aktuelles</a></td></tr></table></td></tr><tr><td><img src="clear.gif" height="1" width="22"></td><td><table cellpadding="0" cellspacing="0" border="0"><tr><td colspan="2"><img src="fileadmin/templates/img/strich.jpg"></td></tr><tr><td><img src="clear.gif" height="1" width="29"></td><td width="100%" height="30" valign="middle" class="menu-level-1-no"><a href="index.php?id=23" onfocus="blurLink(this);" class="menu-level-1-no">Kontakt</a></td></tr><tr><td colspan="2"><img src="fileadmin/templates/img/strich.jpg"></td></tr></table></td></tr></table></td>
    44. <td width="380" valign="top" align="left" style="padding: 23 31 0 0;"><!--TYPO3SEARCH_begin-->
    45. <!-- CONTENT ELEMENT, uid:47/text [begin] -->
    46. <a id="c47"></a>
    47. <!-- Header: [begin] -->
    49. <h1>Herzlich Willkommen!</h1>
    50. <!-- Header: [end] -->
    52. <!-- Text: [begin] -->
    53. <p class="bodytext">In einer Zeit der Hektik und Reizüberfl utung sehnen sich viele<br />Menschen nach Ruhe und Entspannung abseits vom Tagesstress.<br />Wir sind ein leistungsstarkes mittelständisches Unternehmen<br />und schaffen seit über 15 Jahren „grüne Erholungsoasen“ für<br />verschiedenste Kunden. Mit Erfahrung, Kompetenz und Kreativität<br />wollen wir auch Sie überzeugen.<br /><br />Verschaffen Sie sich einen Überblick – vielleicht sind wir auch für<br />Sie der richtige Partner in Beratung, Planung und Ausführung bei<br />Ihrem ganz persönlichen Gartenprojekt.<br /><br />Viel Spaß wünscht Ihnen<br />Ihr Team von Reischl Gartengestaltung</p>
    55. <!-- Text: [end] -->
    57. <!-- CONTENT ELEMENT, uid:47/text [end] -->
    58. <!--TYPO3SEARCH_end--></td>
    59. <td width="270" valign="top" align="left" style="padding: 84 0 0 0;"><!--TYPO3SEARCH_begin-->
    60. <!-- CONTENT ELEMENT, uid:48/image [begin] -->
    61. <a id="c48"></a>
    62. <!-- Image block: [begin] -->
    63. <div class="csc-textpic csc-textpic-left csc-textpic-above"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-lastcol" style="width:228px;"><dt><img src="uploads/pics/testbild.jpg" width="228" height="176" border="0" alt="" /></dt><dd class="csc-textpic-caption">Dies ist ein Blindtext und wird später durch den Originaltext ersetzt! Dies ist ein Blindtext und wird später durch den Originaltext ersetzt! </dd></dl></div></div><div class="csc-textpic-clear"><!-- --></div>
    65. <!-- Image block: [end] -->
    67. <!-- CONTENT ELEMENT, uid:48/image [end] -->
    68. <!--TYPO3SEARCH_end--></td>
    69. </tr>
    70. </table>
    71. </td>
    72. <td style="background: url(fileadmin/templates/img/content_schatten_rechts.jpg) repeat-y;"></td>
    73. </tr>
    74. </table>
    77. </body>
    78. </html>
    Alles anzeigen
    greetz,
    seitz

  • Hmm das kann ich jetzt nicht wirklich nachvollziehen. Könntest du mir mal entweder die kompletten Dateien inkl. CSS-Dateien und Grafiken schicken, oder falls du es eh schon auf einem Webserver hast, der permanent online ist, könntest du mir auch dirket die Adresse der Seite geben.
    Open Source --> Programmieren aus Leidenschaft :!:

    Ich stehe weder für privaten Support per PM noch über einen IM zur Verfügung. Danke.

  • Schon mal mit display: block probiert?
    Bilder werden standardmäßig einfach in den Text eingebunden und an der Höhe der Grundlinie der Schrift ausgerichtet. Der Internet Explorer tut das auch, wenn keine Schirft vorhanden ist. Dies kann man unterbinden, in dem man das Bild die Eigenschaft display: block gibt und sie von der eben genannten Linie trennt.