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

Tabellen Style im IE unfunktionabel

D

Der.Andi

Neues Mitglied
Schönen Guten Morgen,

ich bin immoment dabei eine Internetseite für eine Gilde zu machen.
Da ich mich mit CSS nicht sehr gut auskenne möchte ich ein tabellenlayout
aus HTML zusammenbasteln. Doch immoment bereitet mir der Internetexplorer Schwierigkeiten. Ich hätte da zwar kein problem mit weil ich eh Firefox nutze, aber die anderen Mitglieder der Seite haben da dann ihre Probleme.

Hier erstmal der Code:
<html>
<head>
</head>
<body style="leftmargin:0px; topmargin:0px; rightmargin:0px; marginheight:0px; marginwidth:0px; background-color:#000000";>

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

<tr>
<img src="BannerOben.png" border="0" width="1262px" height="401px">
</tr>
<tr>
<img src="linksOben.png" border="0" width="1262px" height="37px">
</tr>

</td>
</tr>


</table>
</table>

</body>
</html>
Zum Vergrößern anklicken....
Also und nun das Problem:

Wie man im Quelltext sieht soll eine Tabelle erstmal oben das große Bild anzeigen lassen. Der dient als Banner sozusagen.
Dadrunter in der nächsten Spalte kommt das Menü wo nacher die Bilder-Buttons reinsollen. Doch dazwischen kommt beim IE immer noch ein schwarzer Strich -.-

IE:
http://lastparadise.la.ohost.de/Bilder/HTML-Problem/BSpIE.png

Mozilla:
http://lastparadise.la.ohost.de/Bilder/HTML-Problem/BspMozilla.png

Ich hätte ja gesagt es hat was mit dem Cellspacing zu tun, aber es steht ja auf 0!
Brauche jetzt mal eure Hilfe was ich beim Quelltext ändern muss damit es im IE genauso aussieht wie in Mozilla.

Mfg,
Andi
 
Tabellen dienen nur für Tabellariche Daten und nicht für das Layout. Nimm die Tabllen raus, dann hast du auch kein Problem mit ihnen.
 
Das heist margin-left und nicht leftmargin. Ausserdem gibt es margin-width meiner Meinung nicht.

margin-width = Außenabstandweite

Trotzdem nimm am besten die Tabellen raus.
 
Der Seite fehlt ein Doctype.
Angaben wie diese sind falsch:
Code: 
<body style="leftmargin:0px; topmargin:0px; rightmargin:0px; marginheight:0px; marginwidth:0px; background-color:#000000";>

Richtig wäre:
Code: 
margin-left: 0;
margin-top: 0;
margin-right: 0;

Was damit bewirkt werden soll, erschließt sich mir nicht:
Code: 
marginheight:0px; marginwidth:0px;

Es ist nur eine Tabelle geöffnet, aber zwei sind geschlossen.
Außerdem ist das noch nicht mal eine Tabelle, denn es fehlen die Zellen.

Somit hast du nochmal keinen Vorteil durch Tabellen, denn auch die klappen ja nicht. Also kannst du auch auf Tabellen auch aus diesem Grund verzichten.
 
Acuh wenn ich die tabelle weglasse, wird im IE ein schwarzer Streich (s.Bild)
zwischen den einzelnden Bilder dagelassen!

Ich will ja nur wissen wieso das so ist im IE und bei Firefox nicht?!
 
Der.Andi schrieb:
Acuh wenn ich die tabelle weglasse, wird im IE ein schwarzer Streich (s.Bild)
zwischen den einzelnden Bilder dagelassen!

Ich will ja nur wissen wieso das so ist im IE und bei Firefox nicht?!
Zum Vergrößern anklicken....

Hallo Andi,

prm hat Dir den entscheidenden Tipp gegeben: Du hast Fehler in Deinem Quelltext.
Diese versucht der Browser zu korrigieren, das macht jeder Browser anders...

Beim Finden Deiner Fehler hilft Dir der Validator...

Grüße
Bernhard
 
Heyho,

ich habe nun endlich den richtigen Google-Such-Begriff finden können =)
und ebenso eine Lösung meines Problems.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
  <td><img src="BannerOben.png" border="0" height="401px" width="1262px"></td>
</tr>
<tr>
  <td><img src="linksOben.png" border="0" height="37px" width="1262px"></td>
</tr>
</table>

</body>
</html>

Der "cellspacing" Begriff war mir nicht bekannt und hat das problem gelöst..

Trotzdem Danke für eure Hilfe =)
 
An dem Code ist aber dennoch einiges falsch, was weiterhin zu Problemen führen wird:

- Tabelleneigenschaften hinterlegt man im CSS
- wenn man überhaupt Höhe und Breite in HTML hinterlegt dann ohne px-Einheit

Abgesehen davon braucht man für 2 Bilder die nebeneinander stehen keine Tabelle. :idea:
 
Der.Andi schrieb:
Bei dem was ich vorhabe ist es aber so übersichtlicher
Zum Vergrößern anklicken....

dann tu bitte mir und den anderen benutzern den gefallen und lad' die seite nicht hoch. wenn HTML schreien könnte, würde es das jetzt wegen gefährlicher zweckentfremdung tun.

um HTML korrekt schreiben zu können, muss man sich seines sinnes klar werden - und DEN hast du wohl noch nicht begriffen.

Nils aka XraYSoLo
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben