Bild dynamisch platzieren

[Xmopf]

Hallo,

ich arbeite gerade an einer Seite, und habe ein problem.

Ein Bild soll oben im Kopf rechtsausgerichtet angezeigt werden. Wenn allerdings eine kleiner Bildschirmauflösung benutzt wird oder der Browser nicht komplett geöffnet ist, soll das Bild nach links mitwandern, damit es zu sehen bleibt.

Wie kann man sowas hinbekommen?

Gruß
Xmopf

[King Crusty]

wenn ich dein Problem richtig verstehe, reicht dir eine einfache Tabelle, in der du die Angaben in % machst, statt in Pixeln und dein Bild wird immer zu sehen sein. Wenn du dein Bild abhängig von der Userauflösung skalieren wolltest, musst du das mit Javascript machen...

[Xmopf]

Hallo,

habe es jetzt so gemacht:

Code: Alles auswählen

<div style="position: absolute; top: 30px; right: 150px;"><img src="bild.gif" alt=""></div>

Funktioniert auch ganz gut. Aber gibt es eine Möglichkeit, das man den Bereich in dem sich Bild bewegen darf begrenzen kann? Es soll zwar mit dem rechten Browserrand etwas wandern, aber es soll nicht ein anderes Logo auf der linken Seite verdecken. Gibt es da eine Möglichkeit? Nur HTML? Mit JavsScript?

Gruß
Xmopf

[King Crusty]

wenn du eine tabelle machst und jedes bild in eine zelle steckst, sollten sich die Bilder nicht überdecken....

[Xmopf]

Mit den Tabellen funzt das leider nicht so ganz, da ich eine äussere Tabelle habe, die auf 800px festgesetzt ist. Daran orientieren sich ja alle darin liegenden Tabellen.

Ich habe mal ein Bild gemacht wie es sein soll:

[ externes Bild ]

Hat da eventuell jemand ein JavaScript, um das zu realisieren?
Das rechte Logo soll in dem Bereich wandern können der durch den Pfeil dargestellt wird.

Gruß
Xmopf