Prozentuale Positionierung, mittig wirkend, aber nicht sein

[Conny]

Guten Morgen ihr,

ich habe einen Bogen (Bild), quasi ein großes Komma, das ich gerne unabhängig von der Fenstergröße immer mittig stehen haben möchte.

Nun wirkt so ein Bogen dank der Rundung immer etwas rechtslastig, soll heißen das Bild an sich ist mit den entsprechenden Einstllungen zwar rein rechnerisch wirklich mittig ausgerichtet, sieht aber aus, als würde es zu weit rechts stehen.

Nun müsste es für die Positionsangabe quasi eine Rechenformel geben, so nach dem Motto "50% minus Betrag x", aber ich wüsste nicht, dass es das gibt. :-)

Das Bild liegt auf einer Ebene und ist bisher so ausgerichtet:

<div style="text-align:center; margin-left:auto; border-left-width:0px; padding-left:0px; width:535px; padding-right:0px; border-right-width:0px; margin-right:auto;">
<img src="bilder/flosse.jpg" width="535" height="598" alt="xxx">
</div>

Irgendeine Idee, wie ich das Bild wieder etwas nach links schieben kann, so dass es optisch mittig wirkt?

Grüße,
Conny

[Gernot Back]

Hallo

Nun müsste es für die Positionsangabe quasi eine Rechenformel geben, so nach dem Motto "50% minus Betrag x", aber ich wüsste nicht, dass es das gibt. :-)

<div style="text-align:center; margin-left:auto; border-left-width:0px; padding-left:0px; width:535px; padding-right:0px; border-right-width:0px; margin-right:auto;">
<img src="bilder/flosse.jpg" width="535" height="598" alt="xxx">
</div>

Versuch es doch mal zusätzlich mit position:relative;left:Xpx

Gruß Gernot

[Conny]

Hi Gernot,

Versuch es doch mal zusätzlich mit position:relative;left:Xpx

*vordiestirnpatsch*

Manchmal steh ich doch ziemlich auf dem Schlauch... :-)

Dank dir.

Conny

[Thomas J.]

Moin

Manchmal steh ich doch ziemlich auf dem Schlauch... :-)

Es geht auch noch anders.
<div style="position:absolute; left:50%; margin-left:-250px">Bild</div>
Bei den -250px mußt Du eventuell noch etwas schrauben.

BTW., wenn Du sowieso mit CSS arbeitest, kannst Du die Grafik auch gleich als Hintergrundbild einbinden. Dann macht den HTML-Teil übersichtlicher.

Thomas J.

[Matthias Jütte]

Hallo!

Kleines Detail fehlt IMHO noch: die Verschiebung muß in % definiert sein, denn sonst ist doch wieder das gesamte Konzept der relativen Positionierung über den Haufen geworfen.

Gruß

Matthias

[Toni]

Hallo,

das bild wirkt aber immer um die gleiche absolute Strecke verschoben, unabhängig von der Fenstergröße.

Gruß
Toni

[Matthias Jütte]

Hallo!

das bild wirkt aber immer um die gleiche absolute Strecke verschoben, unabhängig von der Fenstergröße.

Hab's mir nochmal aufgemalt und kapier's jetzt auch. Du hast Recht ;-)

Gruß

Matthias