danielgallo
asked on
XHTML body scrolling problem
In Visual Studio 2005 .NET, when creating a new ASPX page, by default it inserts the following header to the top of the page to declare it as an XHTML page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
In the BODY element, it used to be possible to add the following style attribute to disable the vertical scroll bar displayed within the web browser:
<body style="overflow: hidden;">
However, with the new XHTML header at the top of the page, Internet Explorer ignores the overflow attribute and displays the scroll bar. We can use "scroll=no" in the BODY element, but according to Visual Studio 2005 .NET this isn't a recognised attribute.
So basically the page's scroll bar IS visible with the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body style="overflow: hidden;">
<p>test</p>
</body>
</html>
And the page's scroll bar is NOT visible with the following code:
<html>
<body style="overflow: hidden;">
<p>test</p>
</body>
</html>
So my question is how can I hide the page's vertical scroll bar when using an XHTML compliant page?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
In the BODY element, it used to be possible to add the following style attribute to disable the vertical scroll bar displayed within the web browser:
<body style="overflow: hidden;">
However, with the new XHTML header at the top of the page, Internet Explorer ignores the overflow attribute and displays the scroll bar. We can use "scroll=no" in the BODY element, but according to Visual Studio 2005 .NET this isn't a recognised attribute.
So basically the page's scroll bar IS visible with the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body style="overflow: hidden;">
<p>test</p>
</body>
</html>
And the page's scroll bar is NOT visible with the following code:
<html>
<body style="overflow: hidden;">
<p>test</p>
</body>
</html>
So my question is how can I hide the page's vertical scroll bar when using an XHTML compliant page?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
<:°)
ASKER