Falsche Darstellung in verschiedenen Browsern

[CandyCGN]

Ich habe die Bearbeitung der Website
http://www.null221.com
übernommen und mache das mit dem Dramweaver. Dort arbeite ich hauptsächlich im Entwurfsmodus (WYSIWYG), da ich mir das Herumdoktorn im "Code"-Modus, d.h., in der Programmiersprache selbst, nicht so ganz zutraue.
Bis jetzt sind mir da einige schöne Feinheiten, u.a. die Implementation eines Flash-Players, gelungen.
Auf den meisten Rechnern, auf denen ich mir die HP angeschaut habe (fast alle mit IE 6.0), war die Darstellung korrekt.
Ein Bekannter von mir benutzt jedoch einen AOL-Browser und teilte mir jetzt mit, dass bei ihm zwei Buttons, die eigentlich nebeneinander dargestellt werden müssten (MP3-Button und "Absahner-Button" auf der Webiste), übereinander dargestellt werden und dadurch das gesamte Layout verhunzt wird. Habe die ganze Webiste mal durch den Dreamweaver-eigenen Prüfer gejagt, dort werden mir auch einige Fehler angezeigt (die gleichen übrigens, wie in http://validator.w3.org/, ich kann aber mit den angegebenen Fehlern nicht so viel anfangen und traue mir nicht zu, an diesen Stellen herumzubasteln.
Können diese Fehler ursächlich für unterschiedliche Darstellungen in unterschiedlichen Browsern sein ?
Was könnte ansonsten Ursache für die falsche Darstellung sein ?

Hinweis: Ich habe gelesen, dass AOL-Browser..... ach reden wir lieber nicht davon. Auf jeden Fall setzen die auf den IE auf, so dass bei Veränderungen im AOL-Browser gleichzeitig Systemdaten des IE verändert werden. Deshalb zeigt auch der IE des Bekannten, der ansonsten den AOL-Browser benutzt, eine falsche Darstellung an. Kann der Fehler tatsächlich in einer der Routinen des AOL-Browsers liegen ?

Bin für jede Anregung dankbar !

Gruß
CandyCGN

[GrayGhost]

Ich habe da nur den Rat: Lern wenigstens die Grundlagen, bevor du dich an DW wagst, Du hast schliesslich viel Geld für das Tool ausgegeben, nun sitzt du mit Problemen da. Fast alle Website Spezialisten lehnen solche Tools ab, da sie dir viel versprechen, aber eigentlich nur für Profis gedacht sind. Ohne Grundkenntnisse kommst du auch mit Profitools nicht weit.

Tatsache ist nach wie vor, dass die Browser HPs unterschiedlich darstellen. Um Cross Browser kompatibel zu sein, solltest du die Grundsätzlichen Regeln beherrschen und nur W3C konforme Befehle verwenden.

[CandyCGN]

Das stimmt, teuer genug war das Programm mitsamt den Peripherie-Programmen. Und je länger ich damit arbeite, desto besser komme ich damit zurecht. Bin eigentlich mit der Seite, die ich genannt habe, ganz zufrieden. Manchmal sitzt man halt da und hat eine regelrechte Blokade im Kopf, wobei Ursache eines Problems oftmals nur ein klitzekleiner Fehler in der Programmierung ist. Aber man kommt in dem Moment nicht drauf...
Deswegen bin ich ja dankbar, dass es solche Foren gibt, wo andere User behilflich sind, solche Blokaden aufzuheben *smile*

Gruß
CandyCGN

[GrayGhost]

Hallo,
leider hat der jahrelange Konkurrenzkampf von IE und Netscape dazu geführt, dass einige Befehle nicht standardisiert wurden. Das sind teilweise wirklich banale Dinge, die aber in verschiedenen Browsern unterscheidliche Ergebnisse liefern. Manchmal reicht es schon einen Befehl oder Parameter in beiden Schreibweisen anzugeben. Das gibt keine Probleme, da die Browser dazu neigen, Parameter und Tagsd, die sie nicht kennen, einfach zu ignorieren.

Bei der Darstellung von Frames und Tabellen lassen sich häufig Probleme mit zusätzlichen CSS Angaben vermeiden. Bei gößeren Problemen hilft dann aber nur noch die Browserweiche.

Ich habe die Erfahrung gemacht, dass man mit CSS am wenigsten Probleme hat, da CSS doch ziemlich einheitlich von verschiedenen Browsern interpretiert wird. Versuche also so viel als möglich mit CSS Style Sheets zu arbeiten. DW unterstützt dies natürlich auch.

[CandyCGN]

Habe eine Lösung gefunden, die ich hier kurz wiedergeben möchte:

Ich hatte auf der Startseite zwei Bilder (Gifs) räumlich durch Leerzeichen voneinander getrennt. Tatsache ist aber, dass verschiedene Browser Leerzeichen jeweils anders deuten und es dadurch zu einer falschen Darstallung bei manchen Browsern kommt; der AOL-Browser scheint dafür besonders anfällig zu sein.
Ich habe die Leerzeichen durch ein weiteres GIF-Bild (Dummy mit der Farbe des Hintergrundes) ersetzt, jetzt wird auch im AOL-Browser die Seite richtig angezeigt.

Gruß
CandyCGN

[GrayGhost]

Hallo,
wenn es um das Positionieren von Webelementen geht, sollte man nicht mit Tabellen und schon gar nicht mit Leerzeichen arbeiten. Wenn schon ein Leerzeichen dann immer als

Code: Alles auswählen

 

Ich bevorzuge DHTML Layer für die Positionierung:

Code: Alles auswählen

<div id="layer1" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1"><img src="bild.jpg"></div>