Forums
View unanswered posts | View active topics It is currently Fri Oct 24, 2014 6:36 pm



Reply to topic  [ 1 post ] 
 Rounded div inside scrollable div display incorrectly inIE8 
Author Message

Joined: Wed May 15, 2013 6:53 am
Posts: 1
Post Rounded div inside scrollable div display incorrectly inIE8
Dear all,

I have a problem where I maintain a set of rounded div inside the scrollable div,
But when the scrollbar is scroll using mouse wheel, the inside element div display incorrectly,
I have search over the net and cannot find a solution for this,
So I am posting here.
I wish someone can help me,
You help is appreciated

Below is the code .

<html>
<style>
.box
{
position:relative;
box-shadow: 2px 2px#ccc;
width:95%;
height:60px;
margin-left:15px;
background-color:#f4f5f7;
z-index:0;
zoom:1;
border-radius: 10px 10px 10px 10px;
margin-top:10px;
margin-bottom:5px;
behavior: url(PIE-2.0/PIE.htc);
}
.boxText
{
position:relative;
padding-top:5px;
}
</style>
<body>
<div style="height:140px;width:300px;overflow:auto;">
<div class='box'>
<div class='boxText'>This is box one</div>
</div>

<div class='box'>
<div class='boxText'>This is box one</div>
</div>

<div class='box'>
<div class='boxText'>This is box one</div>
</div>

<div class='box'>
<div class='boxText'>This is box one</div>
</div>
<div class='box'>
<div class='boxText'>This is box one</div>
</div>
<div class='box'>
<div class='boxText'>This is box one</div>
</div>
</div>
</body>
</html>


Wed May 15, 2013 9:53 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.