• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabellenabstand im IE

D

DerAndi

Neues Mitglied
Guten Morgen und Frohes Neues...

Ich entschuldige mich schonmal, wenn diese Frage öfters gestellt wurde aber das Suchsystem funktioniert irgendwie nicht so ganz.

Zu meinem Problem:
Ich wollte ein wenig mit Tabellen herumprobieren und habe mal eine kleine Spaßseite erstellt. In Mozilla wird die einwandfrei dargesellt, aber im IE ist zwischen den ersten 3 Tabellen ein kleiner Abstand.
Ich habe Cellspacing und Cellpadding eingesetzt... aber trotzdem funktioniert es nicht.

Code:
HTML: 
<html>

<head>
<title>
Kleine Homepage
</title>
</head>

<body background="Hintergrund.png">

<br><br><br><br><br>

<table border="0" cellspacing="0" cellpadding="0" align="center" width="550" height="31">

<tr>
<td height="120">
<img src="Banner.png">
</td>
</tr>

<tr>
<td height="31">
<img src="NavigationOben.png" border="0">
</td>
</tr>

<tr>
<td style="background-image:url(Scrolling.png)" height="46">

<marquee scrollamount="5" scrolldelay="1">
<img src="ScrollText.png">
</marquee>

</td>
</tr>

<tr>
<td height="313">
<img src="HomeHintergrund.png">
</td>
</tr>

<tr>
<td height="114">
<img src="Unten.png">
</td>
</tr>

</table>


</body>
</html>

Bilder:
IEProblem.png
I-E-Problem.png


Und die richtige Version:
MOProblem.png
MO-Problem.png


Bitte keine Posts über Style und so... ist ja nur ne Beispielseite :)
Ich danke schonmal im vorraus...
 
Zuletzt bearbeitet:
Ich hoffe du meintets keine Kommentare über das Design :D
Denn dein problem liegt am Style (So weit ich das beurteilen kann)
Du kannst probieren das padding und margin für table-divs und -rows auf 0 zu setzen.
Jedoch sollte man solche Designs nicht mit Tabellen erstellen. Für Design technische Sachen gibt es CSS.
Wenn du nicht weisst was CSS ist:
CSS 4 You - The Finest in Stylesheets (Dort findest auch ein Tutorial)
Denn HTML sollte nur zum Auszeichnen des Inhalts benutzen.
Du kannst das ganze in deinem Falle gut mit einem Div lösen. (Div beinhaltet mehrere Unter-Elemente)
Dieses Div könnte wiederrum ein Bild beinhalten, eine Liste (für dein Menü)
und ein Content Div, welches wiederum eine Überschrift und den Text beinhaltet.

Will dir ja auch nicht alles vermiesen :) Aber du solltest probieren erst HTML zu lernen und dich dann mit dem Design beschäftigen, welches du mit CSS erstellst :D Es macht auch Spaß zu lernen ;) Viel Erfolg dabei

P.S.: Auch ein Lob, dass du den Code tag benutzt hast. Noch besser wäre der html Tag wenn du HTML postest :)
 
Danke für die Antwort...
Ja ich weiß was CSS ist, aber es sollte ein Bsp.Projekt für Tabellen sein...

Irgendwas muss doch da sein wieso das im I-Expliorer net richtig angezeigt wird oder??
 
Les dir mal bitte meinen oberen Post nochmal durch :)
Die ersten 3 Zeilen betreffen dein problem.
Margin bei tr und td auf 0.
Wenn das nicht klappt, melde dich nochmal :)
 
Hoffe mal du meintest das so =)

HTML: 
<html>

<head>
<title>
Kleine Homepage
</title>
</head>

<body background="Hintergrund.png">

<br><br><br>

<table border="0" cellspacing="0" cellpadding="0" align="center" width="550" height="31" margin="0px">

<tr margin="0px">
<td height="106" margin="0px">
<img src="Banner.png">
</td>
</tr>

<tr margin="0px">
<td height="30" margin="0px">
<img src="NavigationOben.png" border="0" usemap="#Navi">
</td>
</tr>

<map name="Navi">
<area shape="rect" coords="40,9,140,24" href="Start.html">
<area shape="rect" coords="160,9,260,24" href="Einkauf.html">
<area shape="rect" coords="280,9,380,24" href="Meinung.html">
<area shape="rect" coords="390,9,500,24" href="Impressum.html">

<tr margin="0px">
<td style="background-image:url(Scrolling.png)" height="46" margin="0px">

<marquee scrollamount="5" scrolldelay="1">
<img src="ScrollText.png">
</marquee>

</td>
</tr>

<tr margin="0px">
<td height="313" margin="0px">
<img src="HomeHintergrund.png">
</td>
</tr>

<tr margin="0px">
<td height="114" margin="0px">
<img src="Unten.png">
</td>
</tr>

</table>


</body>
</html>
Klappt aber trotzdem leider nochnicht...
Was mich verwirrt ist, dass bei den 2 Tabellen in der Mitte die Verbindung klappt (s.o. das Bild)
Also bei der Tabelle mit dem HomeHintergrund.png drin und der dadrüber mit dem Scrollttext...
 
Schau dir bitte CSS an. Und definiere es im header
zum beispiel so:
HTML: 
<html>
  <head>
    <style type="text/css">
      tr,td  {
        margin: 0;        
        background-color: green;
      }
      
      
    </style>
  </head>
  <body>
    <table cellpadding="0" cellspacing="0">
      <tr>
        <td>LOL</td>
        <td>MUAAAH</td>
      </tr>
      <tr>
        <td>LALA</td>
        <td>JOOO</td>
      </tr>
    </table>
  </body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben