nicht angemeldet
Hallo, liebe Foraner,
vor einer Weile stand ich vor dem Problem, einen kleinen Absatz _links_ auszuruecken, waehrend der Fliesstext rechts eben vorbeifliesst *g*. Vorgabe: moeglichst wenig Aufwand und moeglichst ueberall (auch wenn nicht ausgerueckt) sichtbar.
Gesagt, gedacht, nach ein bisschen herumprobieren stand im Quelltext ein <div> mit CSS ein wenig nach links gerueckt (incl. tabellenkram und so weiter..).
Schade war nur, dass der IE5/Mac damit Schwierigkeiten hatte (der IE4.5 interessanterweise nicht :-)), da war der div-Bereich naemlich gar nicht zu sehen, geschweige denn ausgerueckt. Da man einem User ja nicht verbieten kann, den IE zu benutzen, musste ich mir gezwungenermassen was anderes einfallen lassen. Nach ein paar Gespraechen mit <wink> Antje </wink> und ein wenig Weiterprobieren entstand dann folgende Moeglichkeit (in der Grundversion):
CSS-Definition im head oder sonstwo definiert:
[...]
#ruck {position:relative; left:30px; margin-left:0px;} // 30px nach rechts ruecken
[...]
und HTML:
[...]
<dl compact>
<dt>
<table border=0 cellspacing=0 cellpadding=0 align="left"><!-- die Linksausrichtung ist wichtig! -->
<tr><td>
<!-- hier steht dann das Ausgerueckte -->
</td></tr>
</table></dt>
<dd id="ruck">
<!-- Hier steht der Fliesstext, der rechts um das "Ausgerueckte" herum fliesst -->
</dd></dl>
[...]
Bei dieser Methode wird genau der umgekehrte Weg beschritten, naemlich nicht der Absatz nach links gerueckt, sondern eben der Fliesstext nach rechts. Naeheres zu den verwendeten Definitionslisten ist auf < http://www.teamone.de/selfhtml/tcdf.htm> zu finden.
Das gute an der Loesung ist, der Text wird immer gerueckt (ab NN3/IE3 <-- bis dahinunter getestet...), das Prinzip ist naemlich reines HTML. Das schlechte ist, die im CSS festgelegten Abstaende erkennt der Navigator (in Listen) nicht an. (Der NN6 kann es leider noch gar nicht, da kommt nur Muell :-((, aber das kann ja noch werden :-). ) Das heisst, man sollte sowas nur als Effekt nehmen, eine absolute Positionierung wird dadurch _nicht_ ersetzt.
In meinem Fall handelte es sich um einen (per CGI) redaktionell betreuten Text, daher wusste ich Positionen und dergleichen vorher noch nicht....deshalb der Aufwand.
Angucken kann man eine Testdatei (auch mal zum Vergleichen NN-IE) unter folgendem Link:
< http://www.ndparker.de/ruck.htm>
okay, soweit erstmal
cua
n.d.p.