Kleiner Fehler mit margin im IE 5

[walter]

Ich sitze grade an meiner eigenen Website und hab ein klitzekleines Problem.
Im NN7, IE6, Opera 7.23, Firefox 0.9 passt das Ergebnis exakt.
Nur der IE 5 macht mal wieder alles anders.

Im Screenshot sieht man das Problem:
Die Texteinrückung habe mit margin umgesetzt. Die kleinen Grafiken vor den einzelnen Punkten werden komischerweise schon eingerückt!?

Sollte ich das ganze vielleicht mit einer Liste umsetzen? Mich würde aber dennoch eine Lösung für diese Umsetzung interessieren.

(Das unten beim Footer die Linie nicht ganz durchgezogen wird beim IE5 nehme ich in Kauf, ist ein Box-Modell-Bug)

Die komplette Seite ist ohne Tabellen umgesetzt. Freu!
Die Links sind noch nicht aktiv, da ich am Anfang bin.

Hier der Link:
http://home.arcor.de/susanne-und-wal...vice/index.htm

Hier die css-Datei:
http://home.arcor.de/susanne-und-wal...vice/lenkw.css

Und unten der Anhang.

Danke!

[Quaese]

Hi,

Du benutzt an entsprechender Stelle einen SPAN-Tag zum Einrücken

<img style="margin-left:20px;" src="allgemein/unterpunkt.gif" alt="Aufzaehlungspunkt">
&nbsp;Entwicklung von kompletten Webprojekten von der<br>
<span style="margin-left:36px;">Planung bis zur Suchmaschinenoptimierung</span><br>

Ersetze die SPANs durch DIVs und nimm die BRs raus, dann sollte es funktionieren.

<img style="margin-left:20px;" src="allgemein/unterpunkt.gif" alt="Aufzaehlungspunkt">
&nbsp;Entwicklung von kompletten Webprojekten von der
<div style="margin-left: 36px;">Planung bis zur Suchmaschinenoptimierung</div>

Ciao
Quaese

[walter]

Ich werds probieren. Danke schon mal. Weh es funktioniert nicht.

[walter]

Funktioniert!

Warum hats mit span nicht funktioniert? Weiß das jemand?

Nochmal zu der Idee mit der Liste. Sollte ichs vielleicht mit einer unsortierten Liste umsetzen? Würde warscheinlich mehr Sinn machen.

Danke erstmal.

[Terry]

Zitat von walter999

Nochmal zu der Idee mit der Liste. Sollte ichs vielleicht mit einer unsortierten Liste umsetzen? Würde warscheinlich mehr Sinn machen.

Ja, genau - das wäre semantisch korrekt!

Hier steht, wie Du sie dann zum Menü stylen kannst: http://css.maxdesign.com.au/listutorial/index.htm
Und hier gibt es massiv Beispiele: http://css.maxdesign.com.au/listamatic/index.htm

[walter]

Danke Terry!

Zitat von Terry

Hier steht, wie Du sie dann zum Menü stylen kannst: http://css.maxdesign.com.au/listutorial/index.htm

Du meinst also mein Menü? Stimmt das könnte man natürlich auch mit einer Liste machen. Vielleicht tu ich mir den Aufwand noch einmal auf das alles umzubauen. Obwohl ich ja schon stolz drauf war überhaupt auf Tabellen verzichtet zu haben.

Eigentlich meinte ich mit "als Liste machen" ja im Content die Liste mit den Leistungen und Zielen. Du machst mir vielleicht wieder Arbeit.

Danke für Deine Infos. Ich werds mir überlegen. Aber die Seiten sollten natürlich schon fertig sein. Ich brauche endlich ein Aushängeschild für mein Gewerbe. Anderseits sollte das natürlich ein Vorzeigeprojekt werden.

Naja mal sehen.

[paul123]

Hi walter. Nur so am Rande - die meisten Kunden kommen nunmal mit IE (denk ich) und da dieser auch alt-Texte als tooltipp anzeigt, würde ich deine alt-Bezeichnungen etwas überdenken...

Bei den 3 Bildern oben : "bild oben" klingt nicht so gut, als "Kundenberatung" oder so, außerdem ist das logischer als Bildbezeichnung.

Ist nur als Hinweis, weil ich die Bilder klicken wollte...

[walter]

Danke paul123, ein sehr guter Hinweis! Werd ich ändern. Später werd ich die Seite ins Lab stellen um mich der Kritik des TPs zu stellen.

Bin froh über jeden Hinweis. Manchmal sieht man den Wald vor lauter Bäumen nicht wenn man Stunden vor dem Projekt sitzt.