ABAKUS

Verfasst: **02.04.2010, 11:10**

Hallo,

Bis anhin arbeitete ich lediglich mit Internet Explorer. Erst gestern habe ich erstmals mal einen Vergleich mit verschiedenen Browsern gemacht und mich für Opera entschieden.

Nun mein Problem/Frage: Ich habe festgestellt das meine eigene Webseite unter Internt Explorer sich im Netz so darstellt wie es von mir vorgesehen (programiert) ist. Bei Opera und Google Chrome "verhaut" es mir die Darstellung. D.h. Einzüge sind anders, Abstände sind kleiner oder grösser (je nachdem) usw.

Ich arbeite mit Frontpage und CSS und der HTML Code ist soweit ich das sehen kann i.O. Resp. wenn ich ihn ändere stimmt die Darstellung im Internet Explorer nicht mehr.

Hat jemand eine Ahnung woher das kommt und was man dagegen tun könnte. Das Ziel wäre ja schon das die Seite unter jedem Browser optimal dargestellt wird.

Danke und Gruss
Peter

Verfasst: **02.04.2010, 11:47**

Normalerweise ist eher der IE derjenige, der den Code verhaut ... sagen wir mal so, er ist toleranter gegenüber nicht validem Code. Wenn also die Darstellung in den anderen Browsern nicht stimmt, ist im Code irgendwo mindestens ein dicker Fehler.

Entwickeln sollte man immer zunächst auf einem Browser wie Firefox, Opera, Safari, der standardkonform arbeitet. Damit hat man im Normalfall die Darstellung dann auch in allen Browsern richtig, manchmal sogar in den neueren IEs.
Leider verstehen die IEs, vor allem die älteren, gewisse CSS-Anweisungen noch nicht. Oder sie interpretieren Dinge anders. Im worst case heißt das: eigene Stylesheets nur für die verschiedenen IEs.

Pauschale Tipps kann man hier wenige geben. Außer: Frontpage in die Tonne drücken und selbst HTML und CSS lernen oder zumindest den generierten Code nochmal nachbearbeiten. Und Erfahrung sammeln. Irgendwann weiß man dann, woran er klassischerweise gern hakt.

Verfasst: **02.04.2010, 12:42**

Kannst ja mal deinen tollen Frontpage-Code durch den Validator jagen. Aber erschrecke dich nicht wegen der vielen Fehler. Z. T. werden es nur Folgefehler sein.

Beaucoup de plaisir!
https://validator.w3.org

Verfasst: **02.04.2010, 12:53**

Peter55 hat geschrieben:Ich habe festgestellt das meine eigene Webseite unter Internt Explorer sich im Netz so darstellt wie es von mir vorgesehen (programiert) ist. Bei Opera und Google Chrome "verhaut" es mir die Darstellung.
[…]
Ich arbeite mit Frontpage und CSS- und der HTML-Code ist soweit ich das sehen kann i.O.

Nein, definitiv nicht. Frontpage ist nicht in der Lage, richtigen, d.h. dem Standard entsprechenden Code zu erzeugen, weder HTML- und schon gar nicht CSS-seitig.

Dass deine Seiten im IE so erscheinen wie in Frontpage, liegt einfach daran, dass beide Produkte aus demselben Hause entstammen und zueinander kompatibel sind bzw. auf denselben Komponenten basieren.

Das Ziel wäre ja schon das die Seite unter jedem Browser optimal dargestellt wird.

Dieses Ziel erreichst du, indem du HTML und CSS standardkonform einsetzt. Du wirst feststellen, dass solcher Code in allen Browsern zu weitestgehend identischen Ergebnissen führt, selbst im alten IE 7 – genau dazu sind Standards schließlich da: Um sich auf etwas systemübergreifend verlassen zu können, ohne alles einzeln durchprobieren zu müssen.

Frontpage kann, wie oben angedeutet, keinen standardkofnormen Code erzeugen, insofern solltest du am besten HTML und CSS lernen und dich mit einem anständigen Texteditor (zB notepad++) an die Arbeit machen.

Verfasst: **02.04.2010, 13:12**

Vielen Dank für die Hinweise.

Selbstverständlich wäre es das Beste HTML und CSS von grundauf zu verstehen resp. zu erlernen.

Dies tue ich eigentlich auch (lernen) aber in diesem Falle bleibt mir einer der Hauptfehler irgendwie verborgen.

Unter IE wird mir folgender Code korrekt angezeit d.h. die Bullet "beginnen" ganz links auf der "Höhe" des Textes. Unter den anderen Browsern haben die Bullets gegenüber dem Text einen Einzug. Was mir, wie man sich vorstellen kann, in der Höhe die ganze Darstellung versaut.

Ich kann beim besten Willen den Code Fehler nicht sehen. Vielleicht kann mir jemand weiterhelfen.

CSS Code:

ul ul
{ list-style-image: url('images/design_elements/bullet2.gif');
color: #000; font: normal normal 12px/16px Verdana, Arial, sans- serif; }

HTML Code:

<ul><ul>
<li>Muster Text</li>
</ul></ul>

Besten Dank und Gruss
Rolf

Verfasst: **02.04.2010, 13:37**

Ein Grundübel sind übrigens die prinzipiell unterschiedlichen Standardeinstellungen der Browser bezgl. der Darstellung von Elementabständen im Allgemeinen und abständen bei Listen im Besonderen. Da helfen nur ensprechende Angaben für die Abstände.

Eine verschachtelte Liste wie in deinem Beispiel würde korrekt übrigens so aussehen:

Code: Alles auswählen

<ul>
 <li>
  <ul>
   <li>Muster Text</li>
  </ul>
 </li>
</ul>

ABAKUS

WebBrowser

WebBrowser

Re: WebBrowser