Anordnen von Grafiken

[Susanne]

Hallo zusammen,
ich möchte auf einer Seite zwei Bilder so anordnen, dass sie sich

1. vertikal auf derselben Höhe(quasi in einer "Zeile") befinden
2. das erste Bild linksbündig erscheint
3. das zweite Bild aber horizontal zentriert bezüglich der gesamten Seitenbreite ist

Alles was ich bisher probiert habe führt entweder dazu, dass gleich beide Bilder linksbündig bzw. zentriert sind, bzw. dass sie sich nicht auf derselben Höhe befinden (z.B. wenn man mit div arbeitet)

Irgendwelche absoluten Pixelangaben möchte ich nicht machen, da ich unabhängig von der Auflösung bleiben möchte. Zur Not könnte man die Position natürlich auch mit Java Script berechnen, aber ich hoffe mal, dass jemand hier bessere Ideen hat.

Am besten fände ich eine saubere Lösung mittels CSS, vielleicht kann mir ja jemand helfen.

Vielen Dank schon mal
Susa

[Gunnar Bittersmann]

@@Susanne:

ich möchte auf einer Seite zwei Bilder so anordnen, dass sie sich

1. vertikal auf derselben Höhe(quasi in einer "Zeile") befinden
2. das erste Bild linksbündig erscheint
3. das zweite Bild aber horizontal zentriert bezüglich der gesamten Seitenbreite ist

<div id="foo">  
 <img src="links" id="links" alt="links"/>  
 <img src="mitte" id="mitte" alt="mitte"/>  
</div>

#foo  
{  
 text-align: center; /* zentiert rechtes Bild */  
}  
  
#links  
{  
 position: absolute; /* nimmt linkes Bild aus dem normalen Fluss; andere Elemente (rechtes Bild) werden dadurch so positioniert, als ob es linkes Bild nicht gäbe */  
 left: 0; /* selbsterklärend */  
}

Live long and prosper,
Gunnar

[Susanne]

Hallo Gunnar,
vielen Dank für deine schnelle und progammiertechnisch saubere Antwort.
Habe es zwar in der Zwischenzeit mit Layern gelöst bekommen, aber deine Variante ist deutlich schöner.
Vielen Dank
Susa