Fälschlicherweise entstehender kleiner Abstand in Opera (mit Screenshot)

[linux87]

Hallo, ich bin gerade dabei, eine Webseite für die folgenden Browser zu optimieren:

(1) Firefox OK
(2) Internet Explorer OK
(3) Opera Fehler
(4) Netscape (auch wenn er nicht mehr weiterentwickelt wird) bei Version 9 OK
(5) Safari OK
(6) Seamonkey OK

Nun entsteht bei Opera ein kleiner Abstand bei einer über einer Tabelle liegenden Grafik. (siehe Bilder) Bei den anderen o.g. Browsern entsteht dieser Fehler jedoch nicht.

Vorschau in Firefox:

Vorschau in Opera:

Der html-Code der besagten Stelle lautet wie folgt:

<div id="rechts">
<img src="GRAFIK_UEBER_DER_TABELLE.gif" width="174px" height="22px" border="0" align="center"></a>
<table style="border: 1px solid #a82b2b; vertical-align: bottom; width: 93%;background:#ffffff" cellpadding="0" cellspacing="0" class="contenttable"><tbody><tr><td colspan="1">
    <tbody>
        <tr>
            <td><a href="http://www.URl_DES_BANNERS.de" target="_blank"><img height="124" border="0" align="left" width="172" alt="" src="BANNER.gif" /></a></td>
        </tr>
    </tbody>
</table>
</div>

CSS von "rechts" ist so aufgebaut:

#rechts {
       float: right;
       width: 185px;
       padding:10px 0px 0px;
}

Weiß jemand, wie ich diesen Fehler beheben kann?

LG, linux87

Übrigens: Die Webseite hat recht viele Fehler im Netscape Navigator < Version 7 (aktuelle Version ist 9, Weiterentwicklung wurde, wie bereits oben erwähnt, stillgelegt.). Ist es ratsam, zu versuchen, die Webseite für den Netscape 7 zu optimieren? Oder meint ihr, dass dies aufgrund des geringen Marktanteils bei Browsern, unnötig ist?

 

[BcF]

Könnte daran liegen: Lcke am unteren Bildrand

 

[Efchen]

Hallo, ich bin gerade dabei, eine Webseite für die folgenden Browser zu optimieren

Fang doch erstmal vorne an. Du hast ja immer noch die Tabelle drin.

Nun entsteht bei Opera ein kleiner Abstand bei einer über einer Tabelle liegenden Grafik.

Da ist ein Zeilenumbruch zwischen Deinem Image und der Tabelle. Ältere IE-Versionen haben aus diesem Whitespace einen Abstand gemacht. Ansonsten gilt: margin und padding prüfen. Beides sehe ich bei Dir gar nicht. Wenn Du es nicht setzt, darfst Du Dich nicht wundern, wenn es mit irgendeinem Wert angezeigt wird.

Du solltest wirklich vorne anfangen. Mit dem Inhalt und HTML.

Ist schon klar, warum manch einer in der Mitte anfängt: Weil er sich hinten und vorne nicht auskennt. :-) (Guter Spruch finde ich, und so passend; ist nicht von mir).

 

[linux87]

Danke, Björn. Das Problem ist behoben in dem ich folgendes im HTML Code geändert habe:

<img style="display: block;" src="bilder/rechts.gif" width="174" height="22" border="0">

 

[linux87]

Fang doch erstmal vorne an. Du hast ja immer noch die Tabelle drin.


Da ist ein Zeilenumbruch zwischen Deinem Image und der Tabelle. Ältere IE-Versionen haben aus diesem Whitespace einen Abstand gemacht. Ansonsten gilt: margin und padding prüfen. Beides sehe ich bei Dir gar nicht. Wenn Du es nicht setzt, darfst Du Dich nicht wundern, wenn es mit irgendeinem Wert angezeigt wird.

Du solltest wirklich vorne anfangen. Mit dem Inhalt und HTML.

Ist schon klar, warum manch einer in der Mitte anfängt: Weil er sich hinten und vorne nicht auskennt. :-) (Guter Spruch finde ich, und so passend; ist nicht von mir).

Was möchtest du mir den mit dieser stupiden Aussagen verraten?
Die Seite ist komplett fertig, inkl. Inhalt, HTML und CSS.

 

[_Thor_]

Die Seite ist komplett fertig, inkl. Inhalt, HTML und CSS.

Das magst du so sehen, aber die Semantik fehlt. Das Bild steht in einer Tabelle, die ist aber für tabellarische Daten, ein Bild zählt nicht dazu.

 

[Efchen]

Was möchtest du mir den mit dieser stupiden Aussagen verraten?

Abgesehen davon, dass Beleidigungen immer schlecht rüberkommen, sollte man wenigstens wissen wovon man spricht, wenn man schon solche Sprüche ablässt.

Die Seite ist komplett fertig, inkl. Inhalt, HTML und CSS.

Damit kann Du nicht den Code meinen, den Du hier reingestellt hast. Denn der ist semantisch falsch und hat noch Schwächen, solche von denen ich bisher nichts gesagt habe und solche, von denen ich Dir auch schon im anderen Thread berichtet habe. Von "fertig" kann also nicht die Rede sein.

Ist aber immer wieder schön zu lesen, dass Leute, denen man versucht, etwas beizubringen, sich mit Beleidigungen bedanken.

 

[linux87]

Abgesehen davon, dass Beleidigungen immer schlecht rüberkommen, sollte man wenigstens wissen wovon man spricht, wenn man schon solche Sprüche ablässt.


Damit kann Du nicht den Code meinen, den Du hier reingestellt hast. Denn der ist semantisch falsch und hat noch Schwächen, solche von denen ich bisher nichts gesagt habe und solche, von denen ich Dir auch schon im anderen Thread berichtet habe. Von "fertig" kann also nicht die Rede sein.

Ist aber immer wieder schön zu lesen, dass Leute, denen man versucht, etwas beizubringen, sich mit Beleidigungen bedanken.

(1). Man spricht von einer Beleidigung, wenn ein psychisch verletzendes Wort bewusst angewendet wird, um einer Person Schaden zuzufügen.
Man spricht hingegeben von einer freien Meinungsäußerung, wenn ein solches Wort aufgrund eines vorher entstandenen Dialoges verwendet wird.

(2) Selbstverständlich ist der von mir gepostete HTML-Code nur ein Part und ergibt als ganzes keinen Sinn, was ja auch die beiden anderen Forum-User verstanden haben.
Des Weiteren hast du mir auch auf meinen ersten Thread geantwortet, was ich auch äußerst freundlich finde. Aber auch hier ist es anscheinend zu diversen Kommunikationsdifferenzen gekommen, wobei auch in diesem Thread die anderen Benutzer ihre Hilfe anbieten konnten, sodass sich herausstellt, dass sie meinen Beitrag verstanden haben.

 

[Efchen]

(1). Man spricht von einer Beleidigung, wenn einer psychisch verletzendes Wort bewusst angewendet wird.

So wie das Wort "stupide" in "Deine stupide Aussage".

(2) Selbstverständlich ist der von mir gepostete HTML-Code nur ein Part und ergibt als ganzes keinen Sinn, was ja auch die beiden anderen Forum-User verstanden haben.

Ja, _Thor_ kennt sich auch sehr gut aus und hat schon verstanden, dass Dein Code auch aus dem Zusammenhang gerissen keinen semantischen Sinn macht.

Des Weiteren hast du mir auch auf meinen ersten Thread geantwortet, was ich auch äußerst freundlich finde. Aber auch hier ist es anscheinend auch zu diversen Kommunikationsdifferenzen gekommen, wobei auch in diesem Thread die anderen Benutzer ihre Hilfe anbieten konnte, sodass sich herausstellt, dass sie meinen Beitrag verstanden haben.

Wohingegen Du wohl noch immer nicht verstanden hast, was ich Dir eigentlich versuche zu sagen :-)

 

[linux87]

(1) Dass du meine Anwendung des Wortes "stupide" als beleidigend betrachtest, ist wiederum deine persönliche Meinung. Ich habe mich jedoch bei der Definition rechtsspezifisch orientiert.

(2) Dass _thor_ Ahnung (in dem Fall von Ausdrücken und Rhetorik) hat mag sein. Aber es geht darum, dass man keine Antworten schreiben sollte, wenn man sich nicht über die Eindeutigkeit eines Textes sicher ist.

(3) Ich brauche die von dir im ersten Thread gegebene Hilfe nicht anwenden, da diese logischerweise nicht korrekt sein kann, wenn du mich nicht verstehst.
Woran liegt es eigentlich?
An falschen Formulierungen anscheinnd nicht, da mich alle anderen verstanden haben.

Und nun zurück zum Thema: Ich weiß, was du mir sagen wolltest. Deiner Meinung nach ist es unsinnig ein <table> zu setzen wenn es sich nicht im direkten Sinne um eine Tabelle handelt, sondern lediglich ein Rahmen (<border>) zu setzen ist. Aber es empfiehlt sich bei dieser Webseite, in diesem Fall einen Table zu setzen, wobei du dies zugegebenermaßen nicht wissen kannst, du ich, wie bereits oben erwähnt, nur einen Teil eines HTML-Codes gepostet habe.

 

[Efchen]

Woran liegt es eigentlich?

Daran, dass Du kein HTML kannst und keine Erklärungen darüber, was HTML eigentlich ist und was es ausmacht, zu akeptieren scheinst.

Deiner Meinung nach ist es unsinnig ein <table> zu setzen wenn es sich nicht im direkten Sinne um eine Tabelle handelt, sondern lediglich ein Rahmen (<border>) zu setzen ist.

Das hat nichts mit dem Rahmen zu tun. Die Tabelle ist an der Stelle einfach falsch. Genausowenig hat das was mit meiner Meinung zu tun. Die Tabelle ist schlicht falsch platziert.

Aber es empfiehlt sich bei dieser Webseite, in diesem Fall einen Table zu setzen, wobei du dies zugegebenermaßen nicht wissen kannst, du ich, wie bereits oben erwähnt, nur einen Teil eines HTML-Codes gepostet habe.

Nein, das empfiehlt sich nicht und das hat auch nichts mit dem Rest der Website zu tun. Du zeichnest dieses eine Bild mit Link als Tabelle aus, obwohl es sich nicht um tabellarische Daten handelt. Das ist im Sinne von HTML schlichtweg falsch. Das lässt auch keinen Spielraum für Interpretation, Meinungen oder spezielle Webseiten. Wenn Du lediglich einen Link mit einem Image hast, dann ist die Tabelle schlicht falsch platziert. Du vermittelst tabellarische Daten, die nicht existieren.
Zumindst ein <p> wäre wohl sinnvoller und würde in Hinblick auf CSS gar nichts ändern.

Ich weiß, dass es vielen HTML-Interessierten sehr schwer fällt, diese Einfachheit von HTML zu akzeptieren. Die meisten interpretieren in HTML Aufgaben, für die HTML nicht geschaffen worden ist. Meistens tun diese Leute ewig rum, bis es auf einmal *klick* macht und ihnen von einem Moment auf den anderen bewusst wird, wo der Fehler eigentlich liegt, den sie die ganze Zeit machen. Von da an, ist diesen Leuten alles klar und sie können endlich von sich sagen, dass sie HTML können und verstanden haben.
Manchmal sind einfache Dinge viel schwerer zu verstehen als komplizierte. Geh mal in Dich. Auch für Dich gibt es Hoffnung, mein Sohn ;-)

P.S.: Allein die Tatsache, dass Du eine Darstellungsfrage ins HTML-Forum postest, zeigt doch, dass Du den Unterschied zwischen CSS und HTML und die Bedeutung jeder einzelnen Sprache noch nicht erfasst hast.