nicht angemeldet
Moin,
Ok, das versuche ich bzw. mache ich morgen. Eine Frage dazu: Ist das nicht unflexibel? Beim verkleinern des Browser-Fenster z. B.
Ja, wenn du den Viewport auf 250px zusammenziehst, muss man scrollen. Aber das ist nun mal dem Design geschuldet. Du kannst ja nicht einfach sagen, dass sich die beiden Hauptmenüpunkte untereinander schieben, denn dann siehts bescheiden aus.
Bei so einem kleinen Viewport solltest du dann die Navigation anders gestalten. Die Grundlage hast du schon gelegt. Mit media-querys kannst du dein Design an verschiedene Viewportgrößen anpassen.
Ich benutze zum testen etc. Firefox. Ich nehme mal an du meinst Firebug? Das benutze ich bereits und es ist auch eine sehr große Hilfe. Mir hat hier jedoch einfach die "Idee" gefehlt es zu zentrieren.
Firebug auch. Aber auch die 3D-Ansicht von Firefox lässt dich sehr gut sehen, welche Elemente überflüssig sind.
Beispiel: keiner würde folgendes machen
<p><span class="rot"><span class="groß"><span class="fett"><span class="unterstrichen">Neue Info</span></span></span></span></p>
aber viele User haben kein Problem mit folgendem:
<div id="wrapper"><div id="main"><div id="zentriert"><div id="wrapper2">[Inhalt]</div></div></div></div>
Dein "Wrapper"-Div ist auch überflüssig, da du deinen Inhalt zwei mal eingefasst hast: einmal mit <div id="wrapper"> als auch in <body>. Du kannst aber dem Body-Element dieselben CSS-Eigenschaften geben wie dem Wrapper, was selbigen überflüssig macht.
Grüße Marco