@@katihafemann:
nuqneH
Ich habe eine Seite für den Tierschutzverein gebastelt (selbst angelernt)
Du hast zum Lernen die falschen Quellen benutzt?
Du hast kein http://de.selfhtml.org/html/text/index.htm@title=Mark-up geschrieben, sondern div-Suppe.
Fundtierunterkunft: "ich möchte eine überschrift sein, bitte bitte lass mich ein <hX> sein!"
<div style="background-color:#94C523;height:3px;line-height:3px;font-size:0; margin-top:147px;"></div>
? Aua!
Verzichte auf Inline-Style-Angaben; notiere alle Styles im Stylesheet!
Verzichte auf unsinnige Elemente wie dieses div; eine Linie kann border eines bestehenden Elements sein.
Die Katzenbilder sind doch eher Verzierung als Inhalt. Sie gehören nicht als img-Elemente ins HTML, sondern als Hintergrundbilder ins CSS. BTW, sie sind unsauber ausgeschnitten/plaziert.
Löblich ist die Navigationsleiste als Liste ausgezeichnet. In HTML5 wäre nav statt div angebracht, ansonsten brauchst du den Container auch gar nicht. Und warum @id="subnavi"? Was ist die Primärnavigation?
Und wenn doch nur die aktuelle Seite nicht verlinkt wäre! (Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen])
Mein Tip: Kümmere dich nicht um die jetzigen Darstellungsfehler im IE 7, sondern bast^W baue die Website nochmal – mit vernünftigem Mark-up (ohne dabei die Darstellung im Sinn zu haben).
Danach machst du dich ans Styling. Gehe dabei nicht von einer bestimmten Viewportbreite aus! Ich muss horizontal scrollen, um überhaupt die versteckten Öffnungszeiten sehen zu können.
Verzichte dabei auf absolute Positionierung! Für dieses Layout brauchst du das nicht.
Und mit ein bisschen Glück sieht es dann auch gleich im IE 7 richtig aus.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)