YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » "position: fixed;" - wegen IE anders lösen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.905 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen "position: fixed;" - wegen IE anders lösen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Broken Sword Broken Sword ist männlich
Mitglied


images/avatars/avatar-5300.jpg

Dabei seit: 18.06.04
Beiträge: 537
Forenversion: 2.3
 "position: fixed;" - wegen IE anders lösen Antworten Zitieren Editieren Melden       UP
hidiho ^^
problem-seite: http://broken.hesitance.de

leute die den ie benutzen werden schon die bescherung sehen ^^
das bild links sieht nicht so aus, als würde es in den style passen - wobei es sich beim scrollen noch bewegt ~~

der betreffende Code lautet:
code: 
1:
2:
3:

<img style="z-index: 1; position:fixed; left: 0px; top: 0px;" src="pics/bg.jpg" alt="" border="0" />

und das prob ist, dass der IE "position:fixed;" nicht umsetzt unglücklich

nun meine frage: wie kann ich das anders machen?
->also dass die seite auch per IE optimal ausschaut ^^

irgendwelche vorschläge?

gruß
07.05.06 22:05 Broken Sword ist offline WWW Finden Als Freund hinzufügen
Jette
Mitglied


Dabei seit: 06.11.05
Beiträge: 32
Forenversion: 2.0
Antworten Zitieren Editieren Melden       UP
Pack' es mal in einen <div>-Container und definiere es als Hintergrundbild.
Also etwa so:

code: 
1:

<div style="background-image:url(pics/bg.jpg); background-repeat:no-repeat; background-attachment:fixed; left:0px; top:0px; z-index:1">&nbsp;</div>


Wenn du mit Containern arbeitest, kannst du die Tabellen auch ganz weglassen und alles über CSS definieren.

Na, so wie ich es jetzt geschrieben habe, liegt dein Bild irgendwo hinter.
Aber probier mal damit rum.
Ich muß leider gerade weg...
08.05.06 07:56 Jette ist offline E-Mail Finden Als Freund hinzufügen
Broken Sword Broken Sword ist männlich
Mitglied


images/avatars/avatar-5300.jpg

Dabei seit: 18.06.04
Beiträge: 537
Forenversion: 2.3

Themenstarter Thema begonnen von Broken Sword
Antworten Zitieren Editieren Melden       UP
danke, gute idee, aber der div-container wird ja beim scrollen bewegt. Daher ist es sinnlos ein hintergrund für den div-container zu setzen.
(man müsste dem div-style die "position" "fixed" geben, wo man dann wieder beim alten problem wäre unglücklich )

Gruß

edit..

na super ~~
nu hab ich es mit background-attachment geschafft
indem ich die ganze tabelle in einem div-layer gelegt hab
code: 
1:
2:

<div style="background-image: url(pics/bg.jpg); background-repeat: no-repeat; background-attachment:fixed; left: 0px; top: 0px; position:absolute;">

aber... im IE wirds trotzdem FALSCH angezeigt ;__;

Dieser Beitrag wurde 4 mal editiert, zum letzten Mal von Broken Sword: 08.05.06 19:03.
08.05.06 15:44 Broken Sword ist offline WWW Finden Als Freund hinzufügen
Jette
Mitglied


Dabei seit: 06.11.05
Beiträge: 32
Forenversion: 2.0
Antworten Zitieren Editieren Melden       UP
Ich habe jetzt einiges ausprobiert.
Ich verstehe nicht, wieso es nicht geht...
Ich habe auch eine Seite mit feststehenden div-Containern, für die ich ein Workaround für den IE geschrieben habe. Da funktioniert es wunderbar, aber bei deiner Seite will das Workaround nicht funktionieren...

So hatte ich es probiert:
code: 
1:
2:
3:
4:
5:

<div id="content-container">
  <div id="content">
    <img src="pics/bg.jpg" alt="" border="0" />
  </div >
</div>


Und als CSS:
Zitat:
#content-container {
position:fixed;
top:0; left:0;
}

#content {
position:absolute;
top:0; left:0;
height:100%;
}

/* Workaround für den MSIE */

* html #content-container {
position:absolute;
width:100%;
}

* html #content {
height:100%;
position:static;
}


Vielleicht kannst du ja darauf aufbauen...

Aber eine Idee habe ich:
Mach' aus dem Bild und dem schwarzen Hintergrund (der ja derzeit gekachelt wird) ein großes Bild.
Das verlängert zwar die Ladezeiten etwas, aber es müßte dann feststehen.
Denke dabei daran, daß es Leute mit sehr hohen Bildschirmauflösungen gibt, also solltest du es sehr breit machen.

Viel Glück noch.
Der IE ist eben einfach Mist...

LG
Biggi

Edit: Fehlerteufel

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Jette: 10.05.06 07:25.
10.05.06 07:23 Jette ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » "position: fixed;" - wegen IE anders lösen