Pete: rechts ausrichten

Beitrag lesen

Hallo,

wie schaffe ich es, zwei divs wie mit Tabellen auszurichten:

--------------------------------------------------
|                                         |                                               |
|                                         |                                               |
|                                         |                                               |
| linksausgerichtet              |                rechtssausgerichtet |
|                                         |                                               |
|                                         |                                               |
|                                         |                                               |
--------------------------------------------------

Ich habe folgendes versucht:

<div class="programHeadlineSpan">
<div class="programHeadDiv">
<span class="programHeadline">Programm</span><span class="programSubtitle">V1.0b</span>
</div>
<div class="programSubNavDiv">
<a class="programSubnav" href="" onClick="pgrAction('about')" onFocus="this.blur()">About</a>&nbsp;&nbsp;
<a class="programSubnav" href="" onClick="pgrAction('impressum')" onFocus="this.blur()">Impressum</a>
</div>
</div>

Und als css:

.programHeadDiv { padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:0px;}
.subnav2Div { position:absolute; top:30px; width:100%; height:15px; background-color:#947f62; padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:0px;}
.subnavDiv { position:absolute; top:50px; width:100%;  padding-top:4px; padding-bottom:2px; padding-left:0px; padding-right:0px;}
.programSubNavDiv { text-align:right; padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:0px;}
.programHeadlineSpan { position:absolute; top:5px; padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:0px;}

.programHeadline { font-size:18px; font-weight:bold; padding:0px; margin:0px;}
.programSubtitle { font-size:10px; font-weight:normal; padding:0px; margin:0px;}
.programSubnav { text-align:right; padding:0px; margin:0px;}

Ich bekomme vor allem den rechten Text nicht am rechten Bilschirmfenster ausgerichtet. Mit Tabellen wäre das jetzt einfach:

<table>
<tr><td>linker text</td><td align="right">rechter Text</td></tr>
</table>

Kann mir jemand helfen?

Pete