[HTML] Probleme mit <td valign=bottom> und <img>
-
Hallo Leute,
ich habe folgenden HTML-Code, der im Mozilla wunderbar funktioniert. Nur im IE wird das Bild bottom.gif nicht am unteren Rand dargestellt. Man sieht noch 2-3 Pixel vom background.gif . Ich habe schon alle möglichen Kombinationen und Varianten versucht, auch mit Angabe der Bildgrößen, aber der IE will einfach nicht das Bild am unteren Rand darstellen. Das obere Bild top.gif wird korrekt dargestellt.
<table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" background="gfx/background.gif"> <img src="gfx/top.gif"> </td> </tr> <tr valign="bottom"> <td valign="bottom" background="gfx/background.gif"> <img src="gfx/bottom.gif"> </td> </tr> </table>Vielleicht hat von euch jemand einen Tip für mich, danke.
-
bais schrieb:
Hallo Leute,
Vielleicht hat von euch jemand einen Tip für mich, danke.kein IE benutzen.
Ich habe immer dieselben Probleme, alle Browsers (Mozilla, Forefox, Opera, Netscape, Konqueror...) zeigen den Code richtig an, nur IE macht seinen eigenen Mist. Ich habe schon drauf verzichtet, dass meine Seiten auch im IE gut /und richtig, dass PNGs auch richtig angezeigt werden, usw) dargestellt werden.
Wo zeigt der IM das Bild an? Ich würde zur Sicherheit die valign="bottom" vom den <tr> Tags wegmachen, vielleicht interpretiert der IE das falsch.
-
Hi, probier mal folgendes:
<body style="margin: 0px 0px 0px 0px;"> <!-- ... //--> </body>
-
supertux schrieb:
kein IE benutzen.
mach ich ja schon
nur leider nicht alle anderen
hab das valign="bottom" aus dem <tr> nochmal entfernt, brachte nix,
margin hat leider auch nix gebracht
Ich hab noch mal zwei Screenshots davon gemacht, einmal mit border=1 und einmal ohne borders.
http://www.united-souls.org/us/fehler_border.jpg
http://www.united-souls.org/us/fehler.jpg
-
bais schrieb:
nur leider nicht alle anderen
mir egal, wer IE benutzt ist selber Schuld.
Kannst du größere Screenshots machen (ich meine, die mehr zeigen)? Bei so kleinen Screenshots kann ich nix erkennen.
-
Hallo,
supertux schrieb:
mir egal, wer IE benutzt ist selber Schuld.
du musst nicht in jedem Post deine Meinung zum IE äußern. Fakt ist, ob du ihn magst oder nicht, dass er sehr häufig eingesetzt wird und wenn du Seiten so baust, dass sie darauf nicht laufen, schließt du ne Menge Leute aus. Es ist auch nicht schwer, seine Seiten so anzupassen, dass sie auf dem IE laufen. Die anderen Problematiken diesbezüglich lass ich mal außer Acht.
-
Es ist auch nicht schwer, seine Seiten so anzupassen, dass sie auf dem IE laufen.
Um das mal aufzugreifen: Du musst einfach das schließende </td> Tag in die gleiche Zeile wie das <img> Tag schreiben:
<td valign="bottom" background="gfx/background.gif"> <img src="gfx/bottom.gif"></td>
-
CarstenJ schrieb:
Hallo,
supertux schrieb:
mir egal, wer IE benutzt ist selber Schuld.
du musst nicht in jedem Post deine Meinung zum IE äußern. Fakt ist, ob du ihn magst oder nicht, dass er sehr häufig eingesetzt wird und wenn du Seiten so baust, dass sie darauf nicht laufen, schließt du ne Menge Leute aus. Es ist auch nicht schwer, seine Seiten so anzupassen, dass sie auf dem IE laufen. Die anderen Problematiken diesbezüglich lass ich mal außer Acht.
Mag sein, aber ich mache eigentlich nur Linux Seiten und Linuxer benutzen IE nicht, zumindest die meisten Linuxer.
Zum Thema:
CarstenJ schrieb:
Um das mal aufzugreifen: Du musst einfach das schließende </td> Tag in die gleiche Zeile wie das <img> Tag schreiben:
wieso denn das?
-
danke CarstenJ, klappt wunderbar
-
supertux schrieb:
Zum Thema:
CarstenJ schrieb:
Um das mal aufzugreifen: Du musst einfach das schließende </td> Tag in die gleiche Zeile wie das <img> Tag schreiben:
wieso denn das?
Weil der IE sonst meint, dass er noch ein Leerzeichen mit ausgeben muss
-
CarstenJ schrieb:
Es ist auch nicht schwer, seine Seiten so anzupassen, dass sie auf dem IE laufen.
Um das mal aufzugreifen: Du musst einfach das schließende </td> Tag in die gleiche Zeile wie das <img> Tag schreiben:
<td valign="bottom" background="gfx/background.gif"> <img src="gfx/bottom.gif"></td>Hallo CartenJ! Hatte das gleiche Problem. Hat funktioniert :))))
-
hi,
ich bin mir jetzt nicht sicher ob mein Vorschlag auch gehen würde.Versuche doch nochmal ein :
<table cellpadding='0' cellspacing='0' .... >Ich bin mir auch nicht ganz sicher ob es W3C Komform ist.
Foxy
-
Das bringt, zumindest wenn die Grafik klein ist, afaik nichts
-
img {
vertical-align:bottom;
}bitte!
