Hintergrundbild mittels CSS rechts ausrichten

[maba]

Liebe Forumteilnehmer, da ich hier jeweils schnelle und sehr gute Antworten erhalte, habe ich gleich eine Frage:

Ich habe ein Hintergrundbild in einem CODE <div>
Nun kann ich dies mit
CODE top right
so ausrichten, dass es rechts oben in der Ecke des div's steht. Nun möchte ich es aber zum Beispiel um 200px nach unten verschieben (am rechten Rand). Wie muss ich dies eingeben? Sobald ich Pixelangaben mache, verschwindet mir das Bild.

Ich danke schon mal für eure Bemühungen!
DANKE!!

 

[Nicolas Glauser]

Ist das Div genügend gross?

für dein Beispiel wäre die Lösung right 200.

 

[maba]

Aha, Danke.

Ich habe immer gedacht, dass die Angabe für die Höhe vor dem right kommt und auch so probiert...

Wenn ich das Bild nun noch fixed haben will, dann verlässt es mein div. Woran kann das liegen?

 

[Heiko R]

Du solltest das auf jedenfall in IE6, 7 und 8 testen.
Der IE hat so seine Probleme mit Hintergründen, die nicht top left sind.

 

[MatthiasB]

Servus,

woran das liegt, fällt mir zumindest schwer zu sagen, wen ich den code nicht vor mir habe.

Aber ganz allgemein, wen du dich mit der Erstellung von Webseiten beschäftigst solltest du immer erst einmal einen Blick hier rein werfen: http://de.selfhtml.org/
Habe dort eigentlich fast alles erklärt gefunden was ich bisher gebraucht habe.

mfg
MatthiasB

p.s.: zum testen mit den verschiedenen ie versionen gibt es übrigens ein Program, habe nur gerade den Namen vergessen. Ich schau morgen auf der Arbeit mal und schreib dann nochmal bei Bedarf.

 

[Nicolas Glauser]

Eigentlich sollte sich das Background Bild mit fixed nicht mehr bewegen. Ich denke auch es wäre am besten den Code Schnipsel zu posten.

Mit dem IETester kann man die verschiedenen IE Simulieren.
http://www.my-debugbar.com/wiki/IETester/HomePage

 

[MatthiasB]

Program zum testen in den verschiedenen IE Versionen = IEtester ... wie konnt ich den Namen nur vergessen *an Kopf hau*

 

[Heiko R]

Ein weitaus besseres Programm für die IE-Vorschau (in allen Browsern), schon allein weil es direkt von Microsoft kommt, ist das Tool Microsoft Expression Web SuperPreview

 

[maba]

Danke für die Tipps.

Ich erstelle nicht die erste Seite und kenne selfhtml.org und auch css4you.de!

Ausserdem gibt es auch einige Onlinetools zum Testen der Seiten, welche gute Ergebnisse liefern:
http://www.meineipadresse.de/netrenderer/
http://www.browsershots.org/
http://www.browsrcamp.com/
http://www.iphonetester.com/
http://www.protofluid.com/

Nun aber zu meinem Code:

CODE #inhalt {
width:600px;
background: url(http://domain.ch/bild.jpg) right 500px;
background-repeat:no-repeat;
}



CODE <div id="inhalt">
Hier gibt es dann noch ein bisschen Text!
</div>


Wie schon gesagt, wenn ich das Hintergrundbild nun fixe, so verlässt es das div und klebt am rechten Rand.