Positionierung

[Christiane]

Ein Bild wäre in der rechten oberen Ecke zu positionieren. Dabei entsteht das Problem, dass das Bild beim Scrollen nicht mitgeht.
Eine Lösung wäre folgende:

<div align='right' style='border:1px solid red;position:relative; top:-100px; width=100%;'><img src="..\images\help.gif" alt="help"></^div>

Da es sich aber um mehrere Zeichen handelt nicht gut realisierbar.

[Ashura]

puts "Hallo " + gets.chomp + "."

?> Christiane
=> Hallo Christiane.

Ein Bild wäre in der rechten oberen Ecke zu positionieren. Dabei entsteht das Problem, dass das Bild beim Scrollen nicht mitgeht.

Bitte überdenke den Tonfall.

Eine Lösung wäre folgende:

Eine _Idee_, keine Lösung, sonst wärest du nicht hier, nicht wahr?

<div align='right' style='border:1px solid red;position:relative; top:-100px; width=100%;'><img src="..\images\help.gif" alt="help"></^div>

Was soll das „<^/div>“ bedeuten?

Da es sich aber um mehrere Zeichen handelt nicht gut realisierbar.

Was für Zeichen? Ich dachte, dass es um ein einzelnes Bild geht?
Eine Möglichkeit wäre position:fixed; für Browser und die evtl. erforderlichen Würgarounds für den IE.

Gruß, Ashura

[Felix Riesterer]

<div align='right' style='border:1px solid red;position:relative; top:-100px; width=100%;'><img src="..\images\help.gif" alt="help"></^div>

Was soll das „<^/div>“ bedeuten?

Und was soll das align='right'? Wenn schon CSS, dann doch wohl bitte konsequent, oder?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Christiane]

Hallo,

nochmal genau mein Problem.
Ich möchte ein Bild auf jeder beliebigen Seite rechts anordnen und immer oben.
Mit Pixelwerten kann man mir hier nicht helfen, da ich den Seiteninhalt nicht kenne. Zudem möchte ich, dass das Bild wenn ich das
Fenster verkleiner oder vergrößer "mitgeht".

Ich hoffe ich konnte es euch erklären.

Grüß
Christiane

[Ashura]

puts "Hallo " + gets.chomp + "."

?> Christiane
=> Hallo Christiane.

Ich möchte ein Bild auf jeder beliebigen Seite rechts anordnen und immer oben.

Soll das Bild auch beim Scrollen rechts oben festzementiert bleiben?

Mit Pixelwerten kann man mir hier nicht helfen, da ich den Seiteninhalt nicht kenne.

Wenn du es sowieso rechts oben platzieren willst, reicht ein einfaches top:0;right:0;.

Zudem möchte ich, dass das Bild wenn ich das
Fenster verkleiner oder vergrößer "mitgeht".

...also dass es an der Stelle bleibt, an der es platziert wurde?

Gruß, Ashura

[Christiane]

Hallo,

danke mit top:0; right0; funktioniert genau wie ich es brauche!

Danke!!
Grüße

[Struppi]

danke mit top:0; right0; funktioniert genau wie ich es brauche!

und das hast du nicht selber rausgefunden nachdem du das Kapitel in selfhtml über Positionierung gelesen hast?

Struppi.

[Marian]

Hi Christiane,

Ich möchte ein Bild auf jeder beliebigen Seite rechts anordnen und immer oben.
Mit Pixelwerten kann man mir hier nicht helfen, da ich den Seiteninhalt nicht kenne. Zudem möchte ich, dass das Bild wenn ich das
Fenster verkleiner oder vergrößer "mitgeht".

style="position:absolute; top:10; right:10"
das bild muss aber direkt im body stehen, nicht in irgendwelchen divs oder so, sonst ist 10 pixel vom rand desselben weg, und nicht vom fensterrand.

Gruß, Marian

[Marian]

Hi Christiane,

Ein Bild wäre in der rechten oberen Ecke zu positionieren. Dabei entsteht das Problem, dass das Bild beim Scrollen nicht mitgeht.

position:absolute

Gruß, Marian

[Ashura]

puts "Hallo " + gets.chomp + "."

?> Marian
=> Hallo Marian.

Hi Christiane,

Ein Bild wäre in der rechten oberen Ecke zu positionieren. Dabei entsteht das Problem, dass das Bild beim Scrollen nicht mitgeht.

position:absolute

Ich hasse die Beschreibungen zur Positionierung immer. Ich weiß nie genau, was mit „soll mitscrollen“ gemeint ist.

Soll sich das Bild nun mitbewegen? -> position:absolute;
Soll es dem Scrollen folgen? -> position:fixed;

Denn der momentane Stand entspräche einem position:absolute (es bleibt an Ort und Stelle), da der OP damit aber nicht zufrieden ist, vermute ich ein Bedürfnis nach position:fixed;...

Gruß, Ashura

[Christoph Schnauß]

hallo Ashura,

Denn der momentane Stand entspräche einem position:absolute (es bleibt an Ort und Stelle), da der OP damit aber nicht zufrieden ist, vermute ich ein Bedürfnis nach position:fixed;...

Was dann wieder der aktuelle Internet Explorer nicht versteht.

Grüße aus Berlin

Christoph S.

[Auge]

Hallo

Denn der momentane Stand entspräche einem position:absolute (es bleibt an Ort und Stelle)

Im Dokument oder im Browserfenster? *scnr*

Tschö, Auge