Erste Versuche CSS - Firefox sieht ok aus, IE leider nicht

    Hallo, ich habe mich entschlossen mal ohne Frontpage eine Website zu bauen und dafür html und CSS verwendet.

    Ich bin total ahnungslos und habe mich im Internet eingelesen und CSS websites studiert (von cssbeauty.com). Dachte, ich probier mal herum.

    Jetzt hab ich was zusammengebastelt und obwohl ich ja nicht genau weiss was jedes kleine Element bewirkt, sieht die Seite im Firefox so aus wie ich mir das vorstelle. Leider wird im IE das Seepferdchen und die Navigationsleiste in die rote Leiste oben verschoben.

    Und jetzt steh ich an, keine Ahnung wie ich das ändern kann. Hab einiges über Unterschiede der Browser und Fixes gelesen aber wie ich das anwende??

    Übrigens, ich habe meinen Laptop auf 1400x1050 aber auf 800x600 ging es auch noch.

    Zu sehen ist der Erstversuch hier (die Links auf der Seite führen noch nirgends hin):

    http://www.tradingmonk.com/testlauf.html

    Vielen Dank für die Hilfe!

    So, habe Anpassungen gemacht. Der Validator html sagt jetzt: "This Page Is Valid XHTML 1.0 Transitional!". Der CSS: "Gratulation. Dieses Dokument wurde als CSS validiert"

    Danke nochmal für den Hinweis. Hatte darüber gelesen aber natürlich bereits vergessen.

    Im IE siehts allerdings noch immer "unschön" aus. Also das Logo-Bild (seepferdchen) und Navigationsleiste sind höher als im Firefox und damit im roten Top-Rand.

    Damit schon zu tun gehabt?


    Sind keine Errors, aber Wrnungen.

    Errors sind Fehler, die in jedem Browser falsch sind. Warnungen weisen Koplikationsmöglichkeiten auf.

    Also musst du da nochmal nachschaun ;)

    Zu finden auch:
    http://jigsaw.w3.org/css-validator/…m/testlauf.html
    (etwas herunter scrollen ;) )

    Wenn die "Fehler" korrigiert wurde sollte es eigentlich gehen.
    War bei mir schonmal bei einem mouseover der fall.

    ng.
    Lukas

    Maybe this world is another planet's hell

    Wenn ich das validiere bekomme ich einige Warnungen zu meinem css stylesheet ("stylesheet.css"). Ich weiss aber nicht was alle Warnungen sind, die oben aufgezählt sind. Diese Geschichten handheld.css, docs.css, base.css, etc. sind ja nicht von mir. Und wenn ich die Seite beim CSS-Validator eingebe kommen auch nur die 11 Zeilen Warnungen. Aber die werde ich auf jeden Fall beheben jetzt.

    So, jetzt ist alles validiert und keine Warnungen mehr.

    Ein Problem konnte ich mittlerweile lösen. Im Firefox ist es kein Problem dass das "Seepferdchen" über Head und Body (alles teilweise im roten Streifen und teilweise im Weissen) ist. Aber im MS IE vergrössert er den bereich "head" damit das Bild Platz hat. Jetzt habe ich das Bild verkleinert damit es im roten Bereich Platz hat. Somit ist es im Firefox und MS IE gleich.

    Lediglich die Navigationsleiste krieg ich im IE noch nicht hin. Dort passt es einfach nicht.