Menu
hello;
I have two divs: div_1 with an <img> and div_2 with a <p> inside;
div_2 is set to overflow:scroll; however unless the mouse is over the text the div_2 does not receive the scroll event;
in mozilla the div_2 does receive the scroll event at all (unless you use the scroll track to drag)
[code]
<body >
<div id=”div_1″
style=”position:absolute;
top:0px; left:0px;
width:95% ; height:95%; ” >
<img id=”div_1_img”
src=”some.jpg”
style=”position:relative;
width:100% ; height:100%; “/>
</div>
<div id=”div_2”
style=”position:absolute;
width:50%; height:28%;
left: 14%; top: 28%;
overflow:auto; “>
<p id=”div_2_p”
style=”position:absolute;
width:90%; height:90%
left: 5%; “>
sehhb hathh rhrhnrnsnethsrthsrths rthsr thsrthrst hsrn srnsrnr nrf
sehh bhathhrh rhnrnsne thsrthsr thsr ths rthsrthr sthsrns rnsrnnrf
sehhbhathhrhrhnr snethsrt hsrthsr thsrth srthrsthsrnsrn srnrnrf
sehh bhathh rhrhn rnsnet hsrthsrth srthsrt hsrthrsth srnsrnsr nrnrf<br/><br/>
sehhbhathhr hrhn rnsn eth srthsrthsrthsrt hsrt hrsth srns rnsrnr nrf
sehh bhathh rhrhnrnsnethsrt hsrth srthsr ths rthr sthsrns rnsrnrnrf
sehhbha thhrhrhnrn snethsr thsrthsrth srthsrthrst hsrnsr nsrnrnrf
sehh bhathh rhrhn rnsnet hsrthsrth srthsrt hsrthrsth srnsrnsr nrnrf<br/><br/>
sehhbhathhr hrhn rnsn eth srthsrthsrthsrt hsrt hrsth srns rnsrnr nrf
sehh bhathh rhrhnrnsnethsrt hsrth srthsr ths rthr sthsrns rnsrnrnrf
sehhbha thhrhrhnrn snethsr thsrthsrth srthsrthrst hsrnsr nsrnrnrf
sehh bhathh rhrhn rnsnet hsrthsrth srthsrt hsrthrsth srnsrnsr nrnrf<br/><br/>
sehhbhathhr hrhn rnsn eth srthsrthsrthsrt hsrt hrsth srns rnsrnr nrf
sehh bhathh rhrhnrnsnethsrt hsrth srthsr ths rthr sthsrns rnsrnrnrf
sehhbha thhrhrhnrn snethsr thsrthsrth srthsrthrst hsrnsr nsrnrnrf
sehh bhathh rhrhn rnsnet hsrthsrth srthsrt hsrthrsth srnsrnsr nrnrf<br/><br/>
</p>
</div>
</body>
ofcourse if I set the div_2 background to some color it will work;
any thoughts otherwise;
thanks
Shannon Burnett