Plazierung
Mit CSS ist es auch möglich, ohne unsichtbare Tabellen, einen Text oder eine Grafik frei zu plazieren.
<p div style="position:absolute; left:100px; width:400px; text-align:justify">
Mitternacht ging träg vorüber, müde brütend sann ich über
krausen, alten Schriften, ob ich lang Vergeßnes draus erführ.
Fast vom Schlaf schon unterbrochen, nickt ich, plötzlich scholl ein Pochen,
wie wenn sanft ein Fingerknochen pochen tät an meine Tür.
"Ein Besucher ist es sicher, der da pocht an meine Tür;
..........das ist alles" sagt ich mir.
Folgende Postionierungsangaben stehen zur Verfügung:
left:XXpx - Element wird XX Pixel vom linken Fensterrand positioniert.
top:XXpx - Element wird XX Pixel vom oberen Fensterrand positioniert.
width:XXpx - Element ist XX Pixel breit.
Durch die freie Plazierung lassen sich dann gute Effekte erzielen:
Mitternacht ging träg vorüber, müde brütend sann ich über
krausen, alten Schriften, ob ich lang Vergeßnes draus erführ.
Fast vom Schlaf schon unterbrochen, nickt ich, plötzlich scholl ein Pochen,
wie wenn sanft ein Fingerknochen pochen tät an meine Tür.
"Ein Besucher ist es sicher, der da pocht an meine Tür;
..........das ist alles" sagt ich mir.
Draußen war, ich sehs noch heute, tiefster Winter.
Mir zur Seite warfen halbverglühte Scheite grause Schatten an die Wand.
Sehnlichst wünscht ich, daß es tagte, fruchtlos mich beim Lesen plagte,
weil der Kummer in mir nagte um Lenor, die mir entschwand.
Einzige Lenor, so strahlend dort den Engeln nun bekannt,
..........hier für immer ungenannt.
ACHTUNG:
Netscape und Internet Explorer reagieren auf die Angaben völlig unterschiedlich!
Unterschiedliche Auflösungen stellen auch ein kleines Problem dar.
next