HTML Problem

reN · 12. Februar 2005

ev. kann mir hier ja einer helfen.
Ich habe für "schulische" zwecke eine kleine Homepage gemacht.
Nun hab ich aber ein Problem, ich habe ein Bild zerschnitten und dann in 2 Tabellenzellen wieder zusammengefügt.
Schaut man das ganze mit FireFox an ist alles TipTop, öffnet man die Site jedoch mit dem Microsoft Produkt Internet Explorer, so sind die Grafiken nicht bündig sondern haben eine Lücke auf der Bild-Unterseite.

Die Site findet ihr unter http://www.aufgabenforum.ch.vu

Falls jemand den Q-Code braucht,... PM
Danke für Hilfe

solae · 12. Februar 2005

hmm komisch... aber wiso machst du für die 2 Bilder 2 Tabellen? eigentlich köntest du doch die 2 bilder einfach untereinander anordnen

reN · 12. Februar 2005

Nein, das eine is ein Bild, und unten is ein Bild und das andere is Background, damit ich text drüberschreiben kann.
Diese Methode funktioniert soviel weis ich, wird z.B auch bei Rähmen für Menüs so gemacht.

solae · 12. Februar 2005

hmm.. sonst wird ichs hald mit CSS versuchen. Beide Bilder als Bilder auf die Webseite und mit CSS die Links anordnen... ist zwar auch schwer, da sich die website der Fenstergrösse anpasst

ja hab hald nicht sooooo ne ahnung von HTML

kobL · 12. Februar 2005

hi
wieso machst du nicht gleich allle als background?
dann ist auch der Abstand weg

greez michi

reN · 13. Februar 2005

ok, hab deine variante genommen. Aber es müsste auch andersrum gehen

Peanut · 13. Februar 2005

Zitat

if you can find any misstakes you can keep it!

das erste mal, dass der fehler gleich im zitat selber enthalten ist ... *behalt*

Balthazzar · 13. Februar 2005

also wenn du mir sachst wo der fehler is helf ich dir... (der screeenshot im anhanh is mit IE 6 geschossen)

kobL · 13. Februar 2005

Er hat es ja schon abgeändert ....

reN · 13. Februar 2005

Peanut, wenn du die Seite etwas genauer anschaust wirste feststellen dass sie ned ganz ernst zu nehmen ist.

Balthazzar · 13. Februar 2005

also allgemein:

im html code sollte kein leerzeichen oder zeilenumbruch mehr folgen zwischen einem Bild zum Zellenende.

d.h.:

gut:

Code

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="bla.jpg"></td></tr></table>

schlecht:

Code

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="bla.jpg">
</td>
</tr>
</table>

IE intertrpretiert das falsch und macht dann unterhalb des Bildes immer eine kleine Weisse Zeile rein.

zwischen TD und TR dürfte zwar wieder gebrochen werden, aber programme wie Dreamweaver z.B. machen es trotzdem nicht. Es empfiehlt sich einfach eine constante darstellungsform zu verwenden.