• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Interpretationsunterschiede Tabelle IE/FireFox

D

DarealZnarkde

New member
hey,

das folgende ist der Quelltext zu meiner neuen Homepage. Im Mozilla Fire Fox wird die Tabelle richtig angezeigt, es gibt keine Abstände zwischen den Bildern, usw. Im IE jedoch ist der mittlere Teil, bestehend aus der zweiten Tabelle und den iframes, um einige Pixel nach unten versetzt eingefügt, was den gesamten Aufbau der äußeren Tabelle zerstört. Ich wollte euch nun fragen, wie sich das vermeiden lässt...

Wäre super, wenn ihr mir schnell helft, denn das Problem stört mich im Moment doch sehr!

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
 <html>
 <head>
         <title>l i o n p u d d i n g . d e</title>
 
         <link rel="shortcut icon" href="favicon.ico">
 
 <style type="text/css">
 
 #front4 {
 position:absolute;
 left:300px;
 top:100px;
 font:1em Arial Narrow;
 border-width:1px;
 border-style:solid;
 border-color:black;
 text-align:justify;
 visibility:hidden;
 z-Index:100;
 }
 #front2 {
 position:relative;
 visibility:hidden;
 z-Index:1000;
 }
 
 
 </style>
 <script>
<!-- UNNÖTIG FÜR DIE PROBLEMLÖSUNG, FRONT 2 wird bloß sichtbar gemacht -->
 </script>
 
 </head>
 
 
 
 <body bgColor="#FFFF00" onLoad="check_re();aktiv=setTimeout('fly()',10);waitt();get_front3();">
 
 <div id="front4">
 <table cellspacing="0" cellpadding="3" style="background:#FFFF00">
 <tr><td>
 <img src="/lionpudding/img/logo01.gif">
 </td></tr>
 <tr><td valign="top" align="center"><img src="/lionpudding/img/await.gif"></td></tr>
 </table>
 </div>
 
 
 
 <!-- HIERDRUM GEHTS!!!!!!!! -->
 
 
 <table cellcpacing="0" cellpadding="0" width="100%" height="100%">
 <tr><td valign="middle" align="center" width="100%" height="100%">
 <table cellspacing="0" cellpadding="0" style="border-width:1px;border-style:solid;border-color:#000000;" height="576" width="984">
   <tr>
   <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1a-uebersicht_sm.JPG" width="123" height="96" border="0">
   </td>
     <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1g-koppel8_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel/unkel2s-schwimmbad1_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1g-koppel5_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1o-museum_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel/unkel1s-schule2_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel/unkel3a-uebersicht_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel/unkel1j-kirche2_sm.JPG" width="123" height="96" border="0">
   </td>
   </tr>
   <tr>
   <td>
   <img src="../../lionpudding/bilder/fotografien/Anderes/Himmelsaufnahmen/himmel1c_sm.JPG" width="123" height="96" border="0">
   </td>
   <td rowspan="4" colspan="6"><div id="front2">
 <table width="738" height="384" cellspacing="0" cellpadding="0">
 <tr><td width="100%" align="center">
 <table style="background:#FFFF00;"  cellspacing="0" cellpadding="0" width="738" valign="middle" align="center">
 <tr>
   <td  rowspan="2"  height="384" width="155">
   <iframe src="/cgi-bin/lionpudding/nav.pl" height="384" width="155" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="nav" onLoad="lload('nav');"></iframe>
   </td>
   <td colspan="5">
   <iframe src="/cgi-bin/lionpudding/reproduce.pl?url=obenrechts.html&content=yes" height="41" width="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="obenrechts" onLoad="lload('obenrechts');"></iframe>
   </td>
 </tr>
 <tr height="343">
   <td colspan="5">
   <iframe src="" height="343" width="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto" name="content" onLoad="lload('home');"></iframe>
   </td>
 </tr></table></td></tr></table>
 </div>
  <!-- F3INNERSTYLE -->
   </td>
     <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Bad Honnef/Innenstadt/honnef1a-uebersicht_sm.JPG" width="123" height="96" border="0">
   </td>
   </tr>
    <tr>
          <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1n-backer1_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1b-kirche4_sm.JPG" width="123" height="96" border="0">
   </td>
    </tr>
       <tr>
          <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1e-hotelpost_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel/unkel1s-schule1_sm.JPG" width="123" height="96" border="0">
   </td>
    </tr>
          <tr>
          <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1e-hotelpost_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel/unkel1s-schule1_sm.JPG" width="123" height="96" border="0">
   </td>
    </tr>
   <tr>
   <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1a-uebersicht5_sm.JPG" width="123" height="96" border="0">
   </td>
     <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1c-altbreitbach3_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb2d-hauser_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel/unkel1o-stux3_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel - Scheuren/scheuren1s-strasse_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel - Scheuren/scheuren1c-dom2_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Rheinbreitbach/Rheinbreitbach/rheinb1g-koppel7_sm.JPG" width="123" height="96" border="0">
   </td>
       <td>
   <img src="../../lionpudding/bilder/fotografien/Stadtbilder/Unkel/Unkel/unkel2r-rhein2_sm.JPG" width="123" height="96" border="0">
   </td>
   </tr>
 </table>
 </td></tr></table>
<!-- ... und das wars -->


 <iframe width="0" height="0" name="hiddenframe" src="">
 </body>
 </html>
 
Warum hilft mir denn niemand? Das Ganze ist ernst und es wäre wirklich super, wenn sich jemand meiner annehmen würde...

... so kompliziert kanns eigentlich auch nicht sein, wahrscheinlich hab ich selber bloß ne Kleinigkeit übersehen..
 
nimm mal die Leerzeilen und -zeichen um deine Bilder raus also
<td><img....></td>. Der IE stellt das ganz gerne mal mit da. Ansonsten nen Link
 
Ich liebe dich :love: :D ... wer hätte das gedacht, es lag wirklich an den Leerzeichen und Zeilenumbrüchen... typisch IE... vielen, vielen Dank!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben