scrollbar auto hide html content with transitional.dtd

**Jeje** · Jul 21 '05, 01:56 AM

Hi everybody,

I have an issue using the scrollbar under Internet explorer 6, WinXP
and transitional.dt d.

Here's my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<html style="overflow-x:auto;overflow-y:auto"
xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

<body>

<table>
<tr>
<td style="width:10 0%">titre</td>
<td>button</td>
</tr>
</table>

 blabla  
 blabla  
 blabla  
 blabla  
 blabla  
 blabla  

</body>
</html>

If you resize the window you'll see that the vertical scrollbar appears
over the "button" text. I don't have this issue if I use
overflow:scroll but I don't want the scrollbar to be visible when it's
not needed.

I know I don't have this issue if I simply remove the transitional.dt d
declaration, but I can't change it. (try to remove the DTD declaration
and test it by yourself you'll see the behavior I'm searching for). So
I need a way , using the CSS, to overcome that issue.

Thanks!

Jeje