margin-right funktioniert nicht?

[kruk]

Hallo, ich habe grade ein Problem, dass ich irgenwie nicht lösen kann...

...
<div id="blubdiv">Blubbel</div>
...

html, body {
    margin: 0 0 0 0;
    background-image: url(images/background.jpg);} 
#blubdiv {
    height: 80px;
    width: 300px;
    margin-right: 300px;
    background-image: url(images/blubb.png);
}

Ich will damit den Div-Container "blubdiv" an die rechte Seite heften, allerdings bleibt er immer an der linken Seite kleben... Mit margin-left kann ich ihn aber ohne Probleme dort hin verschieben, allerdings soll er ja bei allen Bildschirmauflösungen an der rechten Seite sein und nicht nur bei meiner... Hab es auch schon mit javascript versucht, allerdings klappt das genauso wenig...

var gsb = screen.availWidth;
var posb = gsb - 300;
document.getElementById('blubdiv').style.margin-left = posb + 'px';

Hoffe mir kann jemand helfen :)
kruk

 

[Tronjer]

Das margin-right sagt hier nur, dass ein nachfolgendes Element 300px entfernt ist, gesetzt den Fall, es wäre left gefloatet oder beides wäre Blockelemente. Wenn du etwas vom rechten Rand her positionieren willst, dann verwende dazu die Attribute position:absolute und right.

 

[threadi]

Ich würde nicht pauschal zu position raten. Mitunter reicht auch schon

float: right;

um ein Block-Element rechtsbündig auszurichten.