Nochmal: Drei Bilder - eines links, eins zentriert, eins rechts

[martinb]

Hallo,

hab die Frage schonmal unter http://forum.de.selfhtml.org/archiv/2008/5/t170738/#m1116510 gestellt, und dachte sie wäre beantwortet :-)

Leider funktioniert sie in meinem Praxis-Beispiel nicht. Z.B. bei http://www.fm5.at/Die%20Zeitung%20muss%20den%20Leser%20abonnieren/
Unten sollen die drei Bilder "Bookmark", "some rights reserved" und "Print" nebeneinander stehen (Bookmark links, "some rights reserved" zentriert, Print rechts).

In Opera und Firefox 3 funktionierts auch, leider nicht im Firefox 2 und IE 6 und 7.

Was mach ich falsch? Bin für den Code der Seite nicht verantwortlich, ich weiß das da noch viele Fehler drin sind. Vielleicht hat trotzdem wer ne Idee :-)

Tausend Dank und liebe Grüße aus Wien,
martinb

--
Hier is der Code der betreffenden Stelle:

<div style="height: 30px; width: 550px; text-align: center;">

<!-- ADDTHIS BUTTON BEGIN -->
<script type="text/javascript">
addthis_pub             = '[ACCOUNT-ID]';
addthis_logo            = 'http://www.fm5.at/images/fm5_logo_neu.gif';
addthis_logo_background = 'eeeeee';
addthis_brand           = 'fm5.at';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://www.fm5.at/images/bookmark.gif" alt="" style="float: left;" border="0" height="16" width="125"></a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- ADDTHIS BUTTON END -->

<a href="#" onclick="window.print();return false" style="float: right;"><img src="/images/printer.jpg" title="Artikel Drucken" alt="Printer Icon" style="float: right;"></a>

<a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.de" target="_blank" style="margin: 0px; padding: 0px;"><img src="/images/cc.jpg" alt="Creative Commons by-nc-nd - Some rights reserved" style="margin: 0pt auto; display: block;"></a>

</div>

[suit]

Leider funktioniert sie in meinem Praxis-Beispiel nicht. Z.B. bei http://www.fm5.at/Die%20Zeitung%20muss%20den%20Leser%20abonnieren/

du%20hast%20auch%20verdammt%20viele%20html-fehler

[martinb]

Ja ich weiß, der Code is net von mir ;-)
Meinst du das es daran liegt, bzw. an was konkret?

Thx,
martin

Leider funktioniert sie in meinem Praxis-Beispiel nicht. Z.B. bei http://www.fm5.at/Die%20Zeitung%20muss%20den%20Leser%20abonnieren/

du%20hast%20auch%20verdammt%20viele%20html-fehler

[thebach]

Hallo martinb,

Ja ich weiß, der Code is net von mir ;-)
Meinst du das es daran liegt, bzw. an was konkret?

Das Problem ist, dass man bei invaliden Code keine Aussage machen kann woran es liegt. Der Browser versucht sich da selbst in der Fehlerbereinigung, und was dabei rauskommt ist nicht wirklich nachvollziehbar.
Beste Lösung: Die Leute, die für den Code verantwortlich sind rund zu machen, damit sie endlich validen Code liefern :)

thebach

[Sven Rautenberg]

Moin!

Leider funktioniert sie in meinem Praxis-Beispiel nicht. Z.B. bei http://www.fm5.at/Die%20Zeitung%20muss%20den%20Leser%20abonnieren/

du%20hast%20auch%20verdammt%20viele%20html-fehler

Ich denke, die Hauptursache ist die Verwendung von XHTML 1.1, ohne sich über die Konsequenzen dieser Wahl wirklich bewußt zu sein.

XHTML 1.1 bietet nach heutigem Stand keinerlei nutzbare Vorteile, hingegen enorme Nachteile. Laut Standard muß XHTML 1.1 mit dem Mimetyp application/xhtml+xml ausgeliefert werden, text/html ist nicht mehr erlaubt. Das aber verhindert, dass der IE die Seite anzeigt. Allein schon deshalb verbietet sich Version 1.1.

Eine vernünftige Wahl wäre XHTML 1.0 Strict, das kommt XHTML 1.1 am nächsten. Aber wenn man sieht, dass in der Seite Dinge wir target-Attribute verwendet werden, oder <font>, dann ist "Strict" offenbar nicht gewollt. Bliebe XHTML 1.0 Transitional.

Da aber an sehr vielen Stellen das korrekte Verschachteln und Schließen von Elementen vergessen wurde, ist XHTML offensichtlich auch nicht der Dokumententyp der Wahl. Also zurück zu HTML 4.0 Transitional?

Wer kommt übrigens auf die Idee, <style>-Abschnitte mitten im <body> zu platzieren? <style> ist nur im <head> erlaubt!

Da ist noch sehr viel Arbeit zu tun, wie mir scheint...

- Sven Rautenberg