Html Bild am rechten rand positionieren?

ophiel

also ich hab mal wieder ein problem mit den bildern in html/php

ich habe also das bild in den html code mit <img class=right" src="images\right.jpg"> eingefügt

dann dazu im css den style gemacht:

.right {
position: absolute;
left: 100%;
top: 0px;
width: 150px;
height: 100%;
}

so schön und gut, das blöde ist jez nur das das bild rechts = 100% hat also erst anfängt wenn der bildshcirm zu ende ist -> folge= untere scrollleiste entsteht...

gibt es nicht i einen befehl der dieses bewirkt?:

left: 100% -150px; <-- oder sowas ähnliches?#

thx im voraus // hoffe ihr versteht mich

Ineluki

Spiel einfach ein bisschen mit dem Prozentwert rum
Also nutz mal statt 100 95, 90, whatever

ophiel

@ ineluki
ja das dachte ich mir auch schon aber sobald man an einen anderen pc geht ist dort ja wieder eine andere auflösung und deshalb is das bild dann entweder zu weite rechts oder links

deshalb geht das leider nciht =(

**peethebee**

Mit CSS3 geht das, FF 4 Beta 2 und IE9 müssten 100%-150px können :).
Mit YAML kannst du gucken, wie man sowas jetzt schon machen kann, habe es gerade nicht im Kopf…

Johannes

ophiel

peethebee : das sagt mir leider alles nichts =/

Carsten8

und was ist mit "right:0%"?

**peethebee**

Such dir eines aus: http://www.yaml.de/fileadmin/examples/index.html
Oder bau es dir selbst: http://builder.yaml.de/

Johannes

Marthog

Mit Javascript kommt man an die Breite des Browsers. Damit könnte man die Bildposition auch mit Verändern der Browsergröße dynamisch anpassen.

xp_fan

.right {
...
left: 100%,
margin-left: -150px;
...
}
klappt vielleicht.

MfG,
xp_fan

ophiel

@xp_fan
geht leider auch nicht

Marthog
java kann ich leider nicht ...

Magnus

CSS:

Code

img.right {
     position: absolute;
     right: 0px;
     width: 150px;
 }