nicht angemeldet
Moin an alle im Forum,
hoffe, Ihr könnt mir bei einem Problem helfen, bei dem ich gar keinen Ansatz zur Lösung habe.
In einer XHTML-Seite gibt es einen Fußzeilen-div, den ich mit position:fixed an den unteren Rand des Browserfensters geklebt habe.
Im Stylesheet sieht das so aus:
#footerwrapper {
bottom:0;
font-size:1em;
height:32px;
left:0;
position:fixed;
width:100%;
z-index:25;
}
Der scrollende Seiteninhalt liegt mit geringerem z-Index dahinter:
#contentwrapper {
margin:0 auto;
position:relative;
top:0;
width:940px;
z-index:15;
}
Innerhalb des contentwrappers gibts dann noch gefloatete divs als Spalten für den eigentlichen Inhalt. Der gewünschte Effekt ist, dass der Content hinter dem Footer langläuft, der ein div mit einer Hintergrundgrafik und ein Fußzeilenmenü enthält. Das klappt auch prima im Firefox 3.6.6, IE8, Opera...
Das Problem ist nun, dass der IE8 was Merkwürdiges tut, wenn der contentwrapper Formularelemente fom Typ input bzw. textarea enthält. Wenn man da reinklickt, sieht man natürlich einen blinkenden Cursor. Wenn man nun dieses Formularelement samt blinkendem Cursor scrollenderweise so weit nach unten bewegt, dass es sich 'hinter' den Footer schiebt, verschwinden das Formular, die Elemente und ihre Beschriftungen brav hinter der Hintergundgrafik. Nur der Cursor nicht. Der blinkt einfach weiter.
Der Firefox, Opera und Safari machen es dagegen richtig, der Cursor verschwindet, wie er soll.
Ich erhoffe mir nun Aufklärung darüber, ob das ein Darstellungsfehler im IE8 oder ein schwerwiegendes Problem zwischen Tastatur und Stuhllehne ist.
Über Kombinationen der Suchbegriffe wie css, form, element, input, z-index, Darstellungsfehler etc. habe ich mein Problem weder bei Dr. Google noch hier im Forum wiederfinden können. Wenns nur an meiner Doofheit bzw. der Hitze liegt, bitte ich um Entschuldigung, ansonsten bin ich für jeden Hinweis dankbar.