MudGuard: <span> rechts ausrichten

Beitrag lesen

Hi,

<h2>Neues Auto <span class="date">19/02/1985</date></h2>

<style type="text/css">

h1 { line-height:1.3em; width:30em; }

#first { text-align:right; }
#first span { float:left; width:20em; text-align:left; }

#secnd { text-align:left; }
#secnd span { float:right; width:10em; text-align:right; }
#secnd span { margin-top:-1.3em; } /* Vor Opera noch verstecken */

</style></head><body>

<h1 id="first"><span>Neues Auto</span>22.07.2004</h1>
<h1 id="secnd">Neues Auto<span>22.07.2004</span></h1>

Zwei Varianten:
die erste packt statt des Datums den Titel in ein span und läßt diesen links floaten, während der Text rechts ausgerichtet ist.

die zweite packt das Datum ins span, läßt dieses rechts floaten und verschiebt über den negativen margin-top das Datum auf die gleiche Höhe (um eine Zeile nach oben, daher auch die explizite Angabe der Zeilenhöhe.

Irgendwer wird sicher noch den nötigen CSS-Hack wissen, um den margin-top der zweiten Variante vor dem Opera zu verstecken (zumindest der Opera 7.21, den ich hier habe, stellt das Datum sonst über der Überschrift an).

cu,
Andreas

--
MudGuard? Siehe http://www.Mud-Guard.de/
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.