Tutorial zu position für Neulinge

[Længlich]

Zhoyo!

Es ist leider ein starres Layout mit einer body-Breite von 900px.

Das kann man ja ändern. ;-)
Wobei es bei dieser recht vernünftigen Breite und der flexiblen Höhe auch kein allzu großes Problem ist. Höchstens vielleicht auf Handhelds.

Warum dann nicht einfach white-space:pre?

ist für alte ies per cc eingefügt. Ich kann aber auch ohne großen Aufwand die Zeilenumbrüche per Hand setzen.

Wow, eine Extra-Behandlung für den MSIE*! :D

Es betrifft ja nur die Quelltext-Divs.

Warum sind das <div>s und nicht <code>s? ;-)
Den Dokument-Baum würde ich eher mit verschachtelten <ul>s oder <dl>s basteln als durch Präformatierung. Oder, im Falle von Präformatierung, lieber ─│└├ statt |- verwenden (Unicode-Block »Box-Drawing«, 2500 – 257F).

Inhaltlich ist das Tutorial gar nicht übel, und vor allem auch leicht verständlich. Wie im anderen Teilthread geschrieben ist es wohl sinnvoll, den Text bzgl. position:relative noch ein wenig ausführlicher zu schreiben. Das Beispiel dazu zeigt die Wirkung ja schon recht gut.
Vielleicht auch nochmal explizit erwähnen, daß (anders als bei absolute oder fixed) der ursprüngliche Platz im Textfluß reserviert bleibt – das haben nach meiner Erfahrung schon einige mißverstanden bzw. nicht beachtet.

Viele Grüße vom Længlich

* Martins Steinzeitlicher Internet Explodierer