✔ IE und overflow:auto

[joobie]

Hallo zusammen,

mal wieder der liebe nette Internet Explorer :suspekt: Ich habe ein DIV:

#main {
     position:absolute;
     width:568px;
     height:467px;
     top:10px;
     left:10px;
     overflow:auto;
     overflow-x:hidden;
}

...und der IE (6) zeigt die Scrollbar nicht an. Das wundert mich irgendwie nicht, ist aber ärgerlich.

Kennt der IE overflow:auto nicht? Ich habe dieses Thema leider nirgendwo finden können.

Gruß

 

[Maik]

Hi,

selbstverständlich kennt der IE6 overflow:auto und dein CSS-Code funktioniert bei mir auch prächtig, sprich der vertikale Scrollbalken wird angezeigt, sobald der Elementinhalt die vorgegebene Höhe überschreitet.

 

[joobie]

Hallo,

danke für die schnelle Antwort! Ich habe inzwischen auch festgestellt, dass der IE (übrigens Opera auch) die Scrollbar auch dann nicht anzeigt, wenn das DIV die Eigenschaft overflow:scroll hat.

Scheint also nicht daran zu liegen. Kann es sein, dass die DIV-Verschachtelung Probleme macht?

Hier ist die CSS:

#wrapper {
     position:relative;
     width:100%;
     height:100%;
     top:0px;
     left:0px;
     background-image:url(bg.gif);
     background-position:top left;
     background-repeat:no-repeat;
}

#mainbg {
     position:absolute;
     width:588px;
     height:487px;
     top:66px;
     left:466px;
     overflow:hidden;
     background-image:url(bg_main.gif);
}

#main {
     position:absolute;
     width:568px;
     height:467px;
     top:10px;
     left:10px;
     overflow:scroll;
     overflow-x:hidden;
}

und die HTML:

<div id="wrapper">

<div id="mainbg"
<div id="main">

<div style="position:absolute; left:0px; top:5px; width:568px; height:467px; background-image:url(m_adv.jpg); background-repeat:no-repeat">
</div>

<div style="position:absolute; top:437px; right:7px;">
<a href="#refs" target="_self" onmouseout="namosw_exchange_src('refs', 'refs2.gif', 'document')"
onmouseover="namosw_exchange_src('refs', 'refs2.gif', 'document', 'parent.location')"><img src="refs.gif"
width="251" height="26" border="0" align="right" name="refs"></a>
</div>

<div style="position:absolute; top:473px;">

<table width="548" border="0">
<a name="refs" id="refs"></a>
...
</table>

</div>

</div>
</div>

</div>

Lieben Dank schon mal vorab!
Gruß

 

[Maik]

Dem DIV #mainbg fehlt die schliessende >-Klammer:

<div id="mainbg">

 

[joobie]

Oje

Wie konnte mir das entgehen. Ähem.

Ich danke Dir!
Lieber Gruß