Junior: Leerzeile zwischen 2 Bildern

Hallo, ich habe folgendes Problem: ich habe ein Bild in 2 Hälften geteilt (Logo & Menü-Hintergrundbild). Unter Mac (Safari, Mozilla, IE) wird alles korrekt dargestellt. Unter XP (IE 6.0) erscheint eine Leerzeile zwischen den Bildern (siehe Anhang).

Hier mein Quelltext (Auschnitt):

<body bgcolor="#FFFFFF">

<center>
 <table border="0" cellpadding="0" cellspacing="0">

<!-- Header image row: -->
 <tr>
  <td colspan="2" id="header_1"><!--###header_1### begin --><IMG src="fileadmin/monot.com/template/images/logo_monot.jpg" usemap="#logo_monot" width="600" height="100" alt="Logo" border="0">
   <map name="logo_monot">
   <area shape="rect" coords="1,18,34,45" href="http://www.monot.com/index.php?absolute_giganten" onmouseover="window.status='Absolute Giganten - Drehbericht';return true" onmouseout="window.status='';return true">
   <area shape="rect" coords="54,18,93,46" href="http://www.monot.com/index.php?das_experiment" onmouseover="window.status='Das Experiment - Drehbericht';return true" onmouseout="window.status='';return true">
   <area shape="rect" coords="1,51,37,79" href="http://www.monot.com/index.php?eierdiebe" onmouseover="window.status='Eierdiebe - Drehbericht';return true" onmouseout="window.status='';return true">
   <area shape="rect" coords="61,53,98,81" href="http://www.monot.com/" onmouseover="window.status='Solo ohne Ende - Drehbericht';return true" onmouseout="window.status='';return true">
   <area shape="rect" coords="58,87,88,102" href="http://www.monot.com/" onmouseover="window.status='Walter Tell - Drehbericht';return true" onmouseout="window.status='';return true">
   <area shape="rect" coords="10,85,42,102" href="http://www.monot.com/index.php?fotos" onmouseover="window.status='Fotos';return true" onmouseout="window.status='';return true">
   <area shape="default" href="http://www.monot.com">
   </map>
  <!--###header_1### end --></TD>
 </tr>
 <tr> ////Anmerkung: hier entsteht diese Leerzeile!!! Warum?

<!-- Menu table cell: -->
  <td id="menu_1"><div class="menu1-level1-no"><A HREF="index.php?home" onFocus="blurLink(this);">Home</A></div><div class="menu1-level1-no"><A HREF="index.php?schauspiel" onFocus="blurLink(this);">Schauspiel</A></div><div class="menu1-level1-no"><A HREF="index.php?interaktiv" onFocus="blurLink(this);">Interaktiv</A></div><div class="menu1-level1-no"><A HREF="index.php?shop" onFocus="blurLink(this);">Merchandising</A></div><div class="menu1-level1-act"><A HREF="index.php?suchen" onFocus="blurLink(this);">Suchen</A></div><div class="menu1-level2-no"><A HREF="index.php?sitemap" onFocus="blurLink(this);">Sitemap</A></div><div class="menu1-level1-no"><A HREF="index.php?impressum" onFocus="blurLink(this);">Impressum</A></div></TD>

Unter Mac erscheint alles normal nur unter XP (und evtl. anderen MS-OS) gibts Probleme. Kann mir da jemand weiterhelfen?

Hoffe es sehr. Live kann man sich das ganze auch anschauen. URL siehe oben (Absender)...

Danke für eure Hilfe!

Junior

  1. Hello,

    hinter dem <img ...>darf kein Leerzeichen und keine Zeilenschaltung stehen.

    <img ....><map
    bla bla >

    So müsste es gehen.

    Liebe Grüße aus http://www.braunschweig.de

    --
    Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
  2. Hallo Junior,

    hast du die FAQ gelesen? Besonders </faq/#Q-11>!

    Keine 3 Stunden nach der letzten Antwort auf deine Frage, beginnst du einen neuen Thread, ohne auf diese zu antworten oder nocheinmal nachzuhaken.

    Jetzt zu deinem Problem:
    Bei mir, IE6.0, Mozilla 1.4, Opera 6, N7.1 (alles unter W98) ist keine Leerzeile mehr dazwischen - na gut. Ich finde es aber etwas irritierend, dass nur der obere Teil der unteren Fernseher als Link fungiert.

    Schau dir die Seite mal im N4.7 an, da fehlt das untere Stück der Fernseher.

    Außerdem erscheint mir die ganze Seite selbst bei lediglich 800 x600 zu klein und an den oberen Rand gequetscht, garnicht zu reden bei großeren Browserfenstern.