CSS - Zwei Elemente ausrichten

[Balu der Bär]

Moin,

wiedermal ein kleines CSS-Problem:
Ich habe ein <div>-Element, circa 500px breit. In diesem sollen nun zwei Texte ausgegeben werden. Das eine soll linksbündig also am linken Rand und das andere rechtsbündig am rechten Rand sein. Jedoch bekomm ich es einfach nicht hin.

Code:

.rechts
{
text-align: right;
}

<div class="header">[img]img/earth.png[/img]<?php echo $variable ?><span class="right>[url="test.php"][img]img/stop.png[/img][/url]</span></div>

Jedoch wird das nichts rechts ausgerichtet, beide Texte und Bilder stehen links. :roll:

Hat jemand nen Tipp für mich. Danke,

JJ1

[Andreas L.]

du könntest in den Div noch zwei weitere einfügen:

Code:

<div width="500">
<div align="left" width="250">blabla</div>
<div align="right" width="250">blabla</div>
</div>

[Balu der Bär]

Eben nicht, darauf wär ich auch gekommen. ;)

Die Elemente müssen auf der selben Zeile (Höhe) sein, bei deinem Beispiel sind sie untereinander.

[r2c2]

Versuchs mal so:

Code:

<div> 
  <div style="width:50%; float:left;"> 
    
  </div>
  <div style="width:50%; float:left;"> 
     
  </div>
</div>

mfg

Christian

[citybreaker]

Versuchs mal so.

Code:

<div> 
  <div style="width:50%; float:left; position: absolute;"> 
    
  </div>
  <div style="width:50%; float:left; position: absolute;"> 
    
  </div>
</div>

[DGL-luke]

Mein Vorschlag:

Code:

<div> 
  <div style="width:50%; float:left;"> 
    abcdefg
  </div>
  <div style="width:50%; float:right; text-align: right"> 
    abcdefg
  </div>
</div>

:stupid:

[S2B]

Und meiner:

Code:

<div>
  <div style="float: left; width: 50%">Links</div>
  <div style="margin-left: 50%; text-align: right">Rechts</div>
</div>

[alcaeus]

@citybreaker: position:absolute bringt nur was, wenn du auch Positionsangaben angibst. Was auf alle Faelle passiert ist, dass das Element aus dem normalen Textfluss rausgenommen wird, das heisst alles was "nach" dem div kommen sollte, kommt unter das div ;)

Greetz
alcaeus

[Balu der Bär]

Danke euch allen, hat jetzt bestens geklappt. :-)

Edit: Im IE sieht das Layout zwar total zerschossen aus, da es im FF und Opera gut aussieht kann ich auch nichts dafür wenn der IE nichts korrekt darstellt. :wall:

[S2B]

:gruebel:

Zerschossen im IE? Welchen Code hast du denn verwendet?