Mehrere Probleme mit meiner Seite

Hallöle!

LINK: ******

Bin grad dabei mir eine neue Seite zu machen, doch habe ein paar probleme…

Zu allererst wird meine seite im IE überhaupt nicht korrekt angezeigt…

Was habe ich da falsch gemacht, wei kann ich es besser machen?

Im FF und Opera geht es eigentlich, bloß möchte ich den Schriftzug „Meine Seite über mich“ genau neben meiner h1 „Daniel Barfuss“ haben…

Außerdem, ist die ul die ich als navigation nehmen möchte nicht 100%&ig in der mitte des dafür vorgesehen bereiches.

Und der Farbverlauf von der Navi farbe zum content soll direkt oben an der Navi pappen.

Kriege das alles nicht ohne eure Hilfe hin und wäre euch sehr dankbar würdet ihr mich dabei unterstützden,

euer daniel

erstmal… was ist richtig, was ist falsch? (Screenshots…)

Dann…

  • soll der rote Strich über der Navigation und der Abstand darunter so sein?

Erstmal die HTML-Fehler. Ist ja nur einer:

<div align="center">

gibt es in xhtml strict, welches du verwendest, nicht. Nimm also das Attribut align dort raus.

In deiner CSS hast du auch 3 Fehler:

#navi { text-align: middle; }

gibts nicht, das muss „center“ statt „middle“ heißen. Und

margin-bottom: 0 0px none;

ist Unsinn - was willst du damit sagen? Vielleicht ist das der Grund für die eine „Fehldarstellung“ aus deiner Sicht …

Ich hab keinen IE hier, aber in meinem Firefox wird deine Navigation falsch gefärbt. Ist kaum lesbar, blau auf dunkelblau.

Wenn du diese Überschriften zusammen haben willst, leg doch das h1 um beide herum:

<h1>Daniel Barfuss<span> - Meine Seite Über mich</span></h1>

Und über span kannst Du letzteres noch per CSS etwas abgrenzen (kleiner/größer, Farbe …).

Füge mal noch das in die CSS:

ul, li {margin: 0; padding: 0;}

habe ich so ähnlich getan…

Zu Maxi:

Der Rote Strich ist gewollt, mittlerweile hat sich auch alles geklrärt…

DAnke an euch alle…!!

Screenshots mit richtg oder falsch gibt es nicht, ist mir vorhin alles so gekommen, nur ne kleine Skizze gibts…