Element fixieren "position:fixed;" in FF und IE

von **dasoemer** » 01.10.2010, 11:21

Hallo zusammen,

ich habe ein kleines und auch warscheinlich bekanntes Problem.

Ich möchte einen Button auf unserer Firmenseite am rechten Rand fixieren, bis jetzt hab ich es mit folgendem CSS Code probiert und dies in FF und Chrome auch geschafft, nur der IE tanzt mal wieder aus der Reihe.

Code: Alles auswählen: position: fixed; cursor: pointer; right: 0; top: 250;

Kann mir jemand verraten wie ich das Problem in der CSS für alle Browser lösen kann?
Hier mal ein Link zu dem ersten Versuch: http://www.soemer.de/test.html
Es fehlen zwar einige Images aber man erkennt rechts wo der Button sein sollte, dies funktioniert mit dem ober erwähnten Code in FF und Chrome allerdings nicht im IE.

Wäre nett wenn mir jemand helfen könnte!

MfG
Daniel

von **Azra** » 01.10.2010, 11:49

Warum ist das Bild im <table> drin?
Der <img>-Tag sollte sogar außerhalb des zentrierenden Containers sein, versuch das mal.
Ob du es nun oben unter <body> oder unten nach </div> platzierst sollte egal sein.

von **dasoemer** » 01.10.2010, 13:50

Das Problem ist...ich muss hier in der Firma mit Fusion arbeiten und dort habe ich einfach den CSS-Editor der Grafik benutzt...also ohne Einfluss auf die Position im Code.

von **dasoemer** » 01.10.2010, 14:03

Oder würde es die Möglichkeit geben den gesamten Code inkl. der Grafik in die CSS zu schreiben?

von **sejuma** » 01.10.2010, 15:55

Code: Alles auswählen: right: 0; top: 250;

Was sind das für 250?
km, cm, em, px?
Hier fehlen die Einheiten.

von **dasoemer** » 04.10.2010, 07:47

Sind jetzt px...löst aber mein Problem trotzdem nicht!

von **sejuma** » 04.10.2010, 10:47

Nimm mal diesen Doctype in die allererste Quelltextzeile, dann sollte es im IE 7 klappen:

Code: Alles auswählen: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Siehe http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

Für den IE 6 musst du mal nach einem Workaround googeln.

Element fixieren "position:fixed;" in FF und IE

Element fixieren "position:fixed;" in FF und IE

Re: Element fixieren "position:fixed;" in FF und IE

Re: Element fixieren "position:fixed;" in FF und IE

Re: Element fixieren "position:fixed;" in FF und IE

Re: Element fixieren "position:fixed;" in FF und IE

Re: Element fixieren "position:fixed;" in FF und IE

Re: Element fixieren "position:fixed;" in FF und IE

Ähnliche Beiträge zu "Element fixieren "position:fixed;" in FF und IE"

Wer ist online?