Goldschatz: Finde den Fehler in der Darstellung?

Hallo ihr Lieben!
Ich häng gerade ein bisschen an einer Seite und erhoffe mir Hilfe von euch ;)

Zuerst gleich mal der Quelltext.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<title>Eisdiele Fontanella Metten</title>  
<script type="text/javascript">  
<!--  
Normal1 = new Image();  
Normal1.src = "img/eisf_k.jpg";     /* erste Standard-Grafik */  
Highlight1 = new Image();  
Highlight1.src = "img/eisf_h.gif"; /* erste Highlight-Grafik */  
  
Normal2 = new Image();  
Normal2.src = "img/portionierer_k.jpg";     /* erste Standard-Grafik */  
Highlight2 = new Image();  
Highlight2.src = "img/portionierer_h.gif"; /* erste Highlight-Grafik */  
  
Normal3 = new Image();  
Normal3.src = "img/eisbecherf_k.jpg";     /* zweite Standard-Grafik */  
Highlight3 = new Image();  
Highlight3.src = "img/eisbecher_h.gif"; /* zweite Highlight-Grafik */  
  
Normal4 = new Image();  
Normal4.src = "img/eistorte_k.jpg";     /* dritte Standard-Grafik */  
Highlight4 = new Image();  
Highlight4.src = "img/eistorte_h.gif"; /* dritte Highlight-Grafik */  
  
  
/* usw. fuer alle weiteren zu benutzenden Grafiken */  
  
function Bildwechsel(Bildnr,Bildobjekt) {  
 window.document.images[Bildnr].src = Bildobjekt.src;  
}  
//-->  
</script>  
  
<style type="text/css">  
@import"style.css";  
  
body {  
	background-color: #bea586;  
	background-image: url(img/bg.jpg);  
}  
  
</style></head>  
  
<body>  
  
<table id="wrapper" width="100%" height="100%" border="0">  
<td>  
<table width="920" height="428" align="center" cellpadding="0" cellspacing="0" valign="center" border="1" style="border: 1px solid #bea586">  
<td style="background-image:url(img/loeffel.jpg)jj 0"hrh"=" valign="bottom">  
  
		  
<table border="0" valign="bottom" height="100%" width="100%" cellpadding="0" cellspacing="0">  
		  
	  
	<td style="background: transparent;" valign="bottom" width="198px" height="107px">  
	<a href="eis_main.html" target="_self"  
   onMouseOver="Bildwechsel(0,Highlight1)"  
   onMouseOut="Bildwechsel(0,Normal1)"><img src="img/eisf_k.jpg" width="198px" height="109px"  
    border="0" alt="Eis Fontanella"><a>  
    </td>  
  
  
   <td style="background: transparent;" valign="bottom" width="109px" height="109px">  
    <a href="team_main.html" target="_self"  
   onMouseOver="Bildwechsel(1,Highlight2)"  
   onMouseOut="Bildwechsel(1,Normal2)"><img src="img/portionierer_k.jpg" width="109px" height="109px"  
    border="0" alt="Team"></a>  
    </td>  
  
  
    <td style="background: transparent;" valign="bottom" width="112px" height="109px">  
    <a href="eis_main.html" target="_self"  
   onMouseOver="Bildwechsel(2,Highlight3)"  
   onMouseOut="Bildwechsel(2,Normal3)"><img src="img/eisbecherf_k.jpg" width="112px" height="109px"  
    border="0" alt="Eisbecher"></a>  
    </td>  
  
    <td style="background: transparent;" valign="bottom" width="501px" height="109px">  
    <a href="eis_main.html" target="_self"  
   onMouseOver="Bildwechsel(3,Highlight4)"  
   onMouseOut="Bildwechsel(3,Normal4)"><img src="img/eistorte_k.jpg" width="501px" height="109px"  
    border="0" alt="Specials"></a>  
    </td>  
  
  
  
  
    </table>  
   </td>  
</table>  
</td>  
</table>  
  
</body>  
</html>

Sorry für den ganzen Code, aber da ich keinen blassen Schimmer hab wo der Fehler liegt hab ich mal lieber alles rein getan

Hier die Problemstelle

	<td style="background: transparent;" valign="bottom" width="198px" height="107px">  
	<a href="eis_main.html" target="_self"  
   onMouseOver="Bildwechsel(0,Highlight1)"  
   onMouseOut="Bildwechsel(0,Normal1)"><img src="img/eisf_k.jpg" width="198px" height="109px"  
    border="0" alt="Eis Fontanella"><a>  
    </td>

Dieses Bild wird mir im Firefox ca. 2 Pixel höher ausgerichtet. Also nicht am Tabellenrand wie alle anderen Bilder.
Screenshot bei Firefoxdarstellung

Dadurch hab ich dann natürlich einen Knick drin.
Mit Safari und Opera wird mir alles richtig dargestellt.

Bin für jede Hilfe dankbar!

  1. Hi,

    Hallo ihr Lieben!
    Ich häng gerade ein bisschen an einer Seite und erhoffe mir Hilfe von euch ;)

    Zuerst gleich mal der Quelltext.
    <table id="wrapper" width="100%" height="100%" border="0">
    <td>

    Ein td kann niemals direkt in einem table vorkommen.
    Da das HTML kaputt ist, ist die Darstellung zufällig.

    (mal ganz abgesehen davon, daß 3 ineinandergeschachtelte Tabellen nicht wirklich auf sinnvolles HTML hindeuten).

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Hallo Andreas!
      Danke für deine Antwort- mir fehlt ein bisschen der Lösungsvorschlag :)

      Was mach ich anstatt des td?

      Kein sinnvolles html deutet auf selbstbeigebrachtes html hin :)
      Ich bin für jeden Verbesserungsvorschlag offen-

      gedacht habe ich mir bei den Tabellen folgendes
      Tabelle 1 > Damit das Fenster egal bei welcher Auflösung mittig positioniert wird.

      Tabelle 2> Das eigentliche Fenster- könnte man natürlich auch durch einen iframe ersetzen.

      Tabelle 3> Zur Untergleiderung damit die Bilder richtig dargestellt werden (sollten)

      Nun ich werd mal noch weiter spielen.

      1. hi,

        gedacht habe ich mir bei den Tabellen folgendes
        Tabelle 1 > Damit das Fenster egal bei welcher Auflösung mittig positioniert wird.

        http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte

        Tabelle 2> Das eigentliche Fenster- könnte man natürlich auch durch einen iframe ersetzen.

        Könnte man ... nur, warum so umständlich?

        Tabelle 3> Zur Untergleiderung damit die Bilder richtig dargestellt werden (sollten)

        Was sind das für Bilder?
        1. Eine Navigationsleiste?
        Dann eignet sich hier für eine http://de.selfhtml.org/css/eigenschaften/listen.htm@title=Liste mit entsprechender display-Eigenschaft.

        Wenn die Bilder nur Designzwecken dienen, dann gehören sie in den http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=Hintergrund.

        mfg

        --
        echo '<pre>'; var_dump($Malcolm_Beck`s); echo '</pre>';
        array(2) {
          ["SELFCODE"]=>
          string(74) "ie:( fl:) br:> va:? ls:? fo:) rl:| n4:# ss:{ de:? js:} ch:? sh:( mo:? zu:("
          ["Meaningful"]=>
          string(?) "Der Sinn des Lebens ist deinem Leben einen Sinn zu geben"
        }