Im IE Zeile mit 1x1 Bild viel zu hoch
Thomas
- html
1 Marc Reichelt0 Thomas0 Der Martin0 Thomas
0 Cheatah0 Ashura0 Gunnar Bittersmann
Hi Leute,
eigentlich bin ich kein Anfänger, aber in diesem Zusammenhang anscheinend schon. Seit 1,5 Stunden versuche ich ein einfaches Problem zu lösen, aber dieser IE treibt mich in den Wahnsinn. So sieht der Quellcode aus:
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="css/styles1.css">
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="../sonstiges/bilder/dummy_transparent.gif" width="1" height="1" border="0" alt="">
</td>
</tr>
</table>
</body>
</html>
Das Problem: Im Gegensatz zu Mozilla/Firefox erzeugt der IE eine (anhand border="1" sichtbare) viel zu hohe Tabelle - statt nur 1 Pixel Inhaltshöhe sind es hier ca. 21. (Erst wenn ich mit <tr style="height:22px;"> die Zeilenhöhe raufschraube, sehe ich überhaupt einen Unterschied, bei height:21px bleibt alles unverändert.)
Mein Ziel bei der ganzen Aktion ist eigentlich, eine <td> zu haben, in der sich ein 6 Pixel hohes Bild befindet. Nur sollte diese <td> dann auch nur 6 Pixel hoch sein, beim IE ist sie aber viel höher. Das mit dem 1x1-gif oben hatte ich nur gemacht, um den Kern des Problems zu finden...
Ich habe jeden CSS-Befehl ausprobiert, der mir einfiel bzw. den ich finden konnte, aber die <td> bleibt immer zu hoch.
Danke für die Hilfe
Thomas
Hallo Thomas,
<td>
<img src="../sonstiges/bilder/dummy_transparent.gif" width="1" height="1" border="0" alt="">
</td>
Der Fehler ist ganz einfach: Das ist deine Texthöhe. Und da du neben dem Bild noch zwei Leerzeichen drin hast, wird die Zelle so hoch gemacht - im folgenden Code habe ich diese beiden Leerzeichen entfernt:
<td><img src="../sonstiges/bilder/dummy_transparent.gif" width="1" height="1" border="0" alt=""></td>
Klappts jetzt? ;-)
Marc Reichelt || http://www.marcreichelt.de/
Hi Marc,
super, VIELEN DANK !! :-))
Muß aus deiner Sicht dämlich wirken ;-), aber mir war das neu mit den Leerzeichen. Ich code halt so, daß es übersichtlich wirkt. Learning by doing...
Danke & Gruß
Thomas
Hallo Thomas,
<td>
<img src="../sonstiges/bilder/dummy_transparent.gif" width="1" height="1" border="0" alt="">
</td>Der Fehler ist ganz einfach: Das ist deine Texthöhe. Und da du neben dem Bild noch zwei Leerzeichen drin hast, wird die Zelle so hoch gemacht - im folgenden Code habe ich diese beiden Leerzeichen entfernt:
<td><img src="../sonstiges/bilder/dummy_transparent.gif" width="1" height="1" border="0" alt=""></td>Klappts jetzt? ;-)
Marc Reichelt || http://www.marcreichelt.de/
Hallo Thomas,
Ich code halt so, daß es übersichtlich wirkt.
das ist auch ein löblicher und vernünftiger Vorsatz. Leider fällt man damit bei HTML manchmal auf die Klappe. :(
Ausnahmsweise ist das aber mal korrekt, was der IE hier macht.
Learning by doing...
Na, dann hast du ja jetzt wieder was gelernt! *g*
Schönen Abend noch,
Martin
Hi Martin,
Ich code halt so, daß es übersichtlich wirkt.
das ist auch ein löblicher und vernünftiger Vorsatz. Leider fällt man damit bei HTML manchmal auf die Klappe. :(
Tja, im Gegensatz zu früher versuche ich, von Anfang an sauber zu arbeiten. Aber ich falle trotzdem noch ziemlich oft auf die Klappe. ;-)
Aber alles, was ich dazulerne, notiere ich (auch im Quellcode), damit ich später immer noch drauf zugreifen kann.
Grüße
Thomas
Hi,
eigentlich bin ich kein Anfänger,
nun, Du scheinst CSS bisher höchstens der Form _halber_ zu verwenden, nicht jedoch der Form _wegen_.
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="../sonstiges/bilder/dummy_transparent.gif" width="1" height="1" border="0" alt="">
</td>
</tr>
</table>
Weder sieht dies nach einem tabellarischen Datum aus, noch wirkt ein "transparent" im Namen einer Grafik wie etwas Sinnvolles. Du möchtest semantisches Markup schreiben und CSS verwenden.
Das Problem: Im Gegensatz zu Mozilla/Firefox erzeugt der IE eine (anhand border="1" sichtbare) viel zu hohe Tabelle - statt nur 1 Pixel Inhaltshöhe sind es hier ca. 21.
Ja, der IE verwendet die Whitespaces. Mache aber erst mal Deinen Code sinnvoll.
Ich habe jeden CSS-Befehl ausprobiert,
Damit musst Du sehr schnell fertig gewesen sein, denn Befehle gibt es in CSS (genau wie in HTML) keinen einzigen.
Cheatah
Hallo.
eigentlich bin ich kein Anfänger, aber in diesem Zusammenhang anscheinend schon. Seit 1,5 Stunden versuche ich ein einfaches Problem zu lösen, aber dieser IE treibt mich in den Wahnsinn. So sieht der Quellcode aus:
Ich habe zwar ein anderes Problem, aber ich empfinde es genauso. Ich hasse dieses bekloppte Sinnlos-schimpft sich Browser Teil... >:(
Wegen diesem "Ding" muss ich Workarounds bis zum Gehtnichtmehr erstellen...
Gruß, Ashura
Hi,
das geht mir genauso. Viel Zeit + Nerven geht drauf, um eine Seite in beiden wichtigen Browsern vernünftig darzustellen. Aber man hat ja sonst keine Hobbies. ;-)
Grüße
Thomas
Hallo.
eigentlich bin ich kein Anfänger, aber in diesem Zusammenhang anscheinend schon. Seit 1,5 Stunden versuche ich ein einfaches Problem zu lösen, aber dieser IE treibt mich in den Wahnsinn. So sieht der Quellcode aus:
Ich habe zwar ein anderes Problem, aber ich empfinde es genauso. Ich hasse dieses bekloppte Sinnlos-schimpft sich Browser Teil... >:(
Wegen diesem "Ding" muss ich Workarounds bis zum Gehtnichtmehr erstellen...
Gruß, Ashura
Hallo Ashura,
zum Stichwort IE:
Ich habe zwar ein anderes Problem, aber ich empfinde es genauso. Ich hasse dieses bekloppte Sinnlos-schimpft sich Browser Teil... >:(
Wegen diesem "Ding" muss ich Workarounds bis zum Gehtnichtmehr erstellen...
Das ist richtig witzig. Vor ein paar Jahren habe ich meine Seiten noch ausschließlich mit dem Internet Explorer getestet, heute erfahre ich eventuell zufällig von anderen, wenn der Internet Explorer etwas nicht richtig anzeigt.
Und mittlerweile ist es mir egal geworden - ich schreibe meine Seiten standardkonform, und der Internet Explorer kann meine Seiten so anzeigen dass der Text lesbar ist. Mehr brauchen IE-Benutzer ja auch nicht... ;-)
Man könnte auf http://community.de.selfhtml.org/fanprojekte/selfcode.htm unter "Internet Explorer" doch wirklich noch einen Punkt zum Thema hinzufügen.
Benutzer von Firefox, Opera, Mozilla, Konqueror, Safari, Netscape, Lynx und weiteren können meine Webseite wunderbar lesen - ein Browser fällt wie immer raus... ;-)
Bis dann!
Marc Reichelt || http://www.marcreichelt.de/
Hallo.
Das ist richtig witzig. Vor ein paar Jahren habe ich meine Seiten noch ausschließlich mit dem Internet Explorer getestet, heute erfahre ich eventuell zufällig von anderen, wenn der Internet Explorer etwas nicht richtig anzeigt.
Kurz und bündig: dito!
Und mittlerweile ist es mir egal geworden - ich schreibe meine Seiten standardkonform, und der Internet Explorer kann meine Seiten so anzeigen dass der Text lesbar ist. Mehr brauchen IE-Benutzer ja auch nicht... ;-)
Auch ich schreibe meine Seiten standardkonform, ich versuche mich momentan an XTHML Strict mit korrekter Semantik. Aber wenn dieser Pseudo-Browser nicht einmal das versteht...
Benutzer von Firefox, Opera, Mozilla, Konqueror, Safari, Netscape, Lynx und weiteren können meine Webseite wunderbar lesen - ein Browser fällt wie immer raus... ;-)
Es würde ja überhaupt kein Problem bestehen, wenn der IE nicht nach wie vor der meistgenutzte Browser wäre. Den meisten ist es schon zu kompliziert, sich einen schönen, schlanken Firefox herunterzuladen und diesen zu nutzen. Nein - "Hey! Da ist ja schon ein Browser bei Windows dabei! Das ist ja richtig zuvorkommend. Den verwende ich ab jetzt; nennenswerte Alternativen gibt es ja eh nicht, denke ich..." <- Aaaaaarghhh!!!
Gruß, Ashura
Hallo.
[...] ich versuche mich momentan an XTHML Strict [...]
Jaja, ich weiß, ich sollte die Vorschau-Funktion vor dem Abschicken nutzen...
Bitte steinigt mich nicht. ;)
Gruß, Ashura
Hallo Ashura,
[...] ich versuche mich momentan an XTHML Strict [...]
Jaja, ich weiß, ich sollte die Vorschau-Funktion vor dem Abschicken nutzen...
Bitte steinigt mich nicht. ;)
Garantiert nicht! Du hast ja nicht "Jehova" gesagt, wie der Römer in "Das Leben des Brian"... ;-)
Zum Stichwort Internet Explorer habe ich aber noch etwas interessantes gepostet, aber du schaust am besten selbst:
https://forum.selfhtml.org/?t=99615&m=608837
Bis dann!
Marc Reichelt || http://www.marcreichelt.de/
Hallo.
Zum Stichwort Internet Explorer habe ich aber noch etwas interessantes gepostet, aber du schaust am besten selbst:
Naja, eine nette Idee ist es, aber ich brauche eher etwas, wo ich meinen Frust gegenüber dem IE ablassen kann.
Seiten wie folgende müssten bekannter und weiter verbreitet sein: http://www.stopie.com/
Oder wie wäre es mit Aktionswochen bei Microsoft? "Testen sie eine Woche lang die Alternativ-Browser!"
Gruß, Ashura
Hallo Ashura,
Naja, eine nette Idee ist es, aber ich brauche eher etwas, wo ich meinen Frust gegenüber dem IE ablassen kann.
Seiten wie folgende müssten bekannter und weiter verbreitet sein: http://www.stopie.com/
Oder wie wäre es mit Aktionswochen bei Microsoft? "Testen sie eine Woche lang die Alternativ-Browser!"
_Das_ nenne ich eine coole Aktion! Ich denke dass man so wirklich Leute zu den alternativen Browsern hin bewegen könnte, denn meine Erfahrung zeigt dass sie dann nicht mehr so schnell den IE verwenden. Zu unkomfortabel gegenüber dem, was andere Browser bieten.
Wir lesen uns
Marc Reichelt || http://www.marcreichelt.de/
Thomas,
Es lohnt sich, im hier Forum auch andere Threads zu lesen.
https://forum.selfhtml.org/?t=99504&m=607873 hätte dir schon geholfen.
https://forum.selfhtml.org/?t=99595&m=608650 wird dir hoffentlich helfen, solch Unsinn zu unterlassen. Benutze CSS.
Gunnar
Hi Gunnar,
ich hatte hier im Forum ca. 30 Threads geprüft, aber da ich die Ursache nicht kannte, kam ich nicht weiter.
Erst, wenn ich so nicht weiterkomme, mache ich ein Posting! ;-)
Gruß
Thomas
Es lohnt sich, im hier Forum auch andere Threads zu lesen.
Thomas,
Erst, wenn ich so nicht weiterkomme, mache ich ein Posting! ;-)
Dass du ein Posting gemacht hast, wollte ich auch nicht kritisieren.
Dass du ein „1x1 Bild“ gemacht hast, das allerdings.
Gunnar
Hallo.
Dass du ein „1x1 Bild“ gemacht hast, das allerdings.
Da hätte ich eine theoretische (oder auch praktische) Frage:
Was lädt schneller?
1 1*1px Bild, welches unendlich in x- und y-Richtung aneinander gereiht wird, oder
1 Angepasstes Bild, Ausmaße passend für den Hintergrund.
Gruß, Ashura
Ashura,
Was lädt schneller?
1 1*1px Bild, welches unendlich in x- und y-Richtung aneinander gereiht wird, oder
1 Angepasstes Bild, Ausmaße passend für den Hintergrund.
Die entsprechende Angabe mit CSS.
Gunnar
Hallo.
Die entsprechende Angabe mit CSS.
Gunnar
Vielen Dank, ich war etwas unsicher.
Gruß, Ashura