Website Probleme mit IE?!

[wissensdurstig]

Hi alle zusammen,

unter folgendem Link habe ich mich an float (unter Hilfe einer Vorlage) versucht. Leider gibt es unter dem IE Probleme, die ich an meinem Mac nicht einsehen kann. (Auch nicht an meinem IE, da läuft alles super.)

Der Vorletzte Strich geht nicht über die komplette Website, so wie der obere und untere. Und das Bild wird nicht angezeigt. Kann mir jemand sagen, warum? Was habe ich falsch gemacht?

http://www.lust-auf-fotos.com/lust/

Vielen Dank!
Bianca

[Adromir]

Also, bei der Seite sind noch einige Fehler drin..

Zum einen vergibst du IDs doppelt. Das darf nicht sein, denn IDs müssen in einem Dokument einzigartig sein. Wenn du sowas mehrfach verwendest, dann benutze CSS- Klassen.

Dann schließt und öffnest du manchmal die Tags nicht richtig (in XHTML müssen alle Tags geschlossen werden, auch Inhaltsleere wie <image> müssen mit <image /> geschlossen werden).
Und in Zeile 18 wuselt ein schließendes </p> rum, das wohl nicht geöffnet wurde.

Mach erstmal die Fehler raus, vielleicht löst sich das Problem dann schon..

[wissensdurstig]

Danke! Das mache ich.

[wissensdurstig]

Sorry, ich bin zu schnell gewesen...

Zitat von Adromir

Also, bei der Seite sind noch einige Fehler drin..
Zum einen vergibst du IDs doppelt. Das darf nicht sein, denn IDs müssen in einem Dokument einzigartig sein. Wenn du sowas mehrfach verwendest, dann benutze CSS- Klassen.

Wo genau trifft das bei mir zu? Zum Beispiel hier: <div id="linie"></div>
Wäre das eine Mehrfachverwendung?

Das </p> habe ich entsorgt.

[wissensdurstig]

Den Fehler mit dem nicht durchgehenden Strich habe ich gefunden. Es hat noch ein

clear:left;

gefehlt.

Aber warum wird das eine Bild im Fließtext nicht angezeigt?

<img src="bild1.jpg" name="Image8" border="0"/>

[satre]

Zitat von wissensdurstig

Wo genau trifft das bei mir zu? Zum Beispiel hier: <div id="linie"></div>
Wäre das eine Mehrfachverwendung?

Ja, weil du es mehrfach verwendest. Der semantisch korrekte Befehl für eine Trennline ist übrigens <hr /> (horizontal rule).

Dieses Element kannst du ebenfalls mit CSS formatieren und beliebig oft in deine Seite einfügen.

CSS:

hr {
clear:both;
margin:10px 0;
border-top:1px solid #666;
border-bottom:none;
height:1px;
}

[wissensdurstig]

Zitat von satre

Ja, weil du es mehrfach verwendest. Der semantisch korrekte Befehl für eine Trennline ist übrigens <hr /> (horizontal rule).

Dieses Element kannst du ebenfalls mit CSS formatieren und beliebig oft in deine Seite einfügen.

CSS:

hr {
clear:both;
margin:10px 0;
border-top:1px solid #666;
border-bottom:none;
height:1px;
}

Vielen Dank, das habe ich abgeändert. Allerdings scheint der Linienanfang ein wenig "abzuknicken".

Und zum Thema Bild, warum kann man das Bild nicht sehen? Hat dazu niemand eine Antwort?

Vorerst vielen Dank!

[Boris]

Schreib mal <img src="bild1.jpg" alt="Ein Bild" /> (Leerzeichen vor /> )- name gehört da nicht rein und border ins CSS

img {
border: 0 none;
}

[wissensdurstig]

Zitat von Boris

Schreib mal <img src="bild1.jpg" alt="Ein Bild" /> (Leerzeichen vor /> )- name gehört da nicht rein und border ins CSS

img {
border: 0 none;
}

Hab ich gemacht ... leider kann ich nicht überprüfen, ob es funktioniert hat. Kann einer von euch bitte mal drüber schauen?

Danke.

[wys]

Ich kann es hier leider nur im IE 5 testen (im Vergleich zum FF): Im IE5 wird das Bild nicht angezeigt, von den Linien wird nur die oberste angezeigt und das Ganze ist nicht zentriert, sondern links ausgerichtet.

lg
wys