with: 100% minus x Px

[Koehdaniel]

Hallo,

Ich habe ein Problem:
Ich möchte gerne ein Bild mit CSS so ausrichten:

left:50%-400px;

Also, die halbe Bildschirmbreite minus 400px.
Wie geht das?
--
MfG Koehdaniel

 

[hela]

Hallo,
versuch es mal so:

right: 400px;

Vielleicht ist es das, was du möchtest.

 

[Frezl]

Hey,

ab CSS3 kann man mit der Funktion calc() solche Berechnungen anstellen:
http://aktuell.de.selfhtml.org/weblog/css3-calc-vs-box-sizing

Allerdings würd ich das noch net produktiv einsetzen, weils die wenigsten Browser verstehen.

Viele Grüße,
Fred

 

[dreifragezeichen]

versuch es mal so:

right: 400px;

... in Verbindung mit

position:absolute;

 

[Koehdaniel]

Hallo..

Sorry, ich war gestern abend nich mehr ganz wach xD
Ich meinte natürlich
50%-400px
ich guck mir mal das von >Frezl< an....
--
MfG Koehdaniel

 

[Koehdaniel]

Ich bins nochmal.....
also, ich habs jetzt so:

left:calc(100%-400px);

aber es klappt irgendwie nicht...
Die seite: http://radio.koehlucas.bplaced.de
Die Style.css: http://radio.koehlucas.bplaced.de/style.css

 

[dreifragezeichen]

Bist du nun ganz wach? Was nun? 50% - 400px? Oder doch 100% - 400px?

Entweder wird calc() noch immer nicht von den Browsern interpretiert, oder ist nicht für left geeignet.

 

[dreifragezeichen]

#box {
position:absolute;
left:50%; 
margin-left:-400px;
}

... erfüllt (mit CSS2) deine Vorstellung.

 

[Koehdaniel]

Man bin ich blöd ^^
Nein, ich bin noch nicht wach xD
Ich meine natürlich

left:calc(50%-400px);

Aber ich hab grad was entdeckt:

calc() wird von keinem einzigen Browser unterstützt.

Gibt es noch eine andere möglichkeit?

 

[dreifragezeichen]

Siehe mein letzter Post für Ausgeschlafene ;-)