background img ie vs ff

[fiore]

hallo
ich habe ein hintergrundbild welches sich der fenstergrösse des browsers anpasst (strecken, stauchen)

mein css-sheet:
html {height:100%;}
body {height:100%; margin:0; padding:0;}
#content {position:relative; z-index:1;}
#bg {position:absolute; top:0; left:0; width:100%; height:100%;}

das problem
#bg {position:fixed;} im firefox wunderbar, im internet explorer bild oben, content unten (und ja ich weiss dass fixed im ie nicht funktioniert, nur was ist die alternative??)

#bg {position:absolute;} in firefox und explorer das selbe: hintergrundbild ist genau so gross wie browserfenster, text darüber. wenn man scrollt ist jedoch im 'neuen bereich' der hintergrund weiss.

hum.. ich hoffe echt mir kann da jemand helfen..
gruss
fiore

[ChrisB]

Hi,

#bg {position:fixed;} im firefox wunderbar, im internet explorer bild oben, content unten (und ja ich weiss dass fixed im ie nicht funktioniert, nur was ist die alternative??)

http://de.selfhtml.org/css/layouts/fixbereiche.htm#fixiert_ie

MfG ChrisB

[fiore]

dankeschön!

ich habe unterdessen mal zwei conditional comment varianten eingefügt

<!--[if IE]>
   <link href="css/background_ie.css" rel="stylesheet" type="text/css">
<![endif]-->
--> nur noch horizontaler scrollbalken, problem weisser hintergrund bleibt

<!--[if lt IE 7]>
<link href="css/background_ie2.css" rel="stylesheet" media="screen" type="text/css">
<![endif]-->

mit background_ie2.css:
html {height: 100%;}
body {height: 100%; overflow-y: hidden;}
#Scrollbereich {height: 100%; width: 100%; overflow: auto;}
#Inhalt {position: static;}
--> gar keine scrollbalken mehr

den hinweis zu den scrollbalken habe ich gelesen, verstehe jedoch nicht was ich falsch mache (media="screen" habe ich ja eingefügt)

bitte weiterhelfen :)
gruss
fiore

[fiore]

Problem mittels klasse .Scrollbereich zur id content gelöst.
dankeschön