• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Div scrollbar problem in IE7

 
smee bond
Ranch Hand
Posts: 34
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hello,

I am using the following code to get a scrollable table within a <div>. It works fine in Firefox but does not work at all in IE7. In IE7, all the values are displayed continuously without a scrollbar.
Can anyone suggest how to fix this problem?

<style type="">
div.scrollWrapper{
height:200px;
overflow:auto;
}
</style>
</head>

<body>

<div class="scrollWrapper" align="center">
<table class="scrollable">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>Joe1</td>
<td>Scott1</td>
<td>Email1</td>
</tr>
<tr>
<td>Joe2</td>
<td>Scott2</td>
<td>Email2</td>
</tr>
<tr>
<td>Joe3</td>
<td>Scott3</td>
<td>Email3</td>
</tr>

</tbody>

</table>

</div>
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64958
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Please be sure to use UBB code tags when posting code to the forums. Unformatted code is extermely hard to read and most people will just go elsewhere. Please read this for more information.

You can go back and change your post to add code tags by clicking the .
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You need to set the type to text/css

Eric
 
smee bond
Ranch Hand
Posts: 34
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Thanks a lot Eric for the suggestion. I had over-looked that part! Now it works!

Sorry for the improper indentation. Will post it right from next time.

Thank you all...
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic