Broken Sword
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
nun meine frage: wie kann ich das anders machen?
->also dass die seite auch per IE optimal ausschaut ^^
irgendwelche vorschläge?
gruß
Jette
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"> </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...
Broken Sword
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
)
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 ;__;
Jette
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