This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > May 2005 > scrollbar auto hide html content with transitional.dtd





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author scrollbar auto hide html content with transitional.dtd
Jeje

2005-05-25, 7:58 pm

Hi everybody,

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

Here's my code:


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

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

<body>

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

<p>&nbsp;blabla&nbsp;</p>
<p>&nbsp;blabla&nbsp;</p>
<p>&nbsp;blabla&nbsp;</p>
<p>&nbsp;blabla&nbsp;</p>
<p>&nbsp;blabla&nbsp;</p>
<p>&nbsp;blabla&nbsp;</p>

</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.dtd
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

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews