hey,
i have a page with 3 frames.
1 frame keep showing a scrollbar.... (vertical)
how can i make the scrollbar disappear?
i heard something like this:
<style type="text/css">
body{y-overflow: 0;}
</style>
can someone help me?If you want to get rid of only the vertical scrollbar, then
<style type="text/css">
body {
overflow-y:hidden;
}
</style>
will work.thx
You're welcome .Ok - whilst we're on this topic i didn't want to start a new thread.....
I have the opposite problem
I have dynamically created an ASP page.
This page should have a vertical and horizontal scrollbar on it as the page (when viewed in 800*600) overflow's both ways.
Only the vertical scrollbar appears.
Using teh above example i tried..
Body
{
overflow:scroll;
}
i also tried overflow-x:scroll; and i also tried substituting "visible" infor "scroll"
Whilst...
Body
{
overflow:scroll;
}
did at least present me with a horizontal scrollbar it was disabled as if to say that there's nothing more to show - but it's wrong! It's even cutting pictures in half.
Anyone?Sounds to me like there's a problem with the table rather than the css. Do you have the page uploaded on the internet somewhere? or is it local?Ok here's the html.... have to admit i have no idea on this one.
<html>
<head>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"css/default.css">
</head>
<body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0">
<table ID="ALLINONETABLE" height=100% cellpadding=0 cellspacing=0>
<tr>
<td>
<table width=100% class="HeaderLogo" cellspacing=0 cellpadding=0 ID="Table1">
<tr>
<td align=right><a href=http://www.webdeveloper.com/forum/archive/index.php/"USerEdit.asp"><img border=0 src="images/icons/buttonedit.gif"></a><a href="cart.asp"><img border=0 src="images/icons/buttonbasket.gif"></a></td><td> </td>
</tr>
</table>
<table align=left class="Menu" cellpadding=0 cellspacing=0 height=100% ID="Table2">
<tr>
<td class="Menusearch" height=25>Quick Product Search</td>
</tr>
<tr>
<td class="Menusearch2" height=25>
<input type=text size="20" ID="criteria" NAME="criteria">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/icons/go.gif" align=middle onclick="search();" class="MouseOver2">
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<br />
<br />
<Table align=center class="Table" ID="Table3">
<tr>
<td class="Title">Welcome To The <A Random Company> Employee Shop</td>
</tr>
<tr>
<td class="Header1">Please Select Which Category Of Food You Would Like To Purchase</td>
</tr>
<tr>
<td class="Header2">You Can Do This From The Menu On The Left Or By Clicking On The Relevant Icon Below</td>
</tr>
<tr>
<td align=center><a href=http://www.webdeveloper.com/forum/archive/index.php/"brand.asp?CID=5"><img border=0 src="images/CatSnacks.gif"></a> <a href="brand.asp?CID=2"><img border=0 src="images/CatCheese.gif"></a> <a href="seasonal.asp?S=Y"><img border=0 src="images/CatSeasonal.gif"></a></td>
</tr>
<tr>
<td align=center><a href=http://www.webdeveloper.com/forum/archive/index.php/"brand.asp?CID=4"><img border=0 src="images/CatCoffee.gif"></a> <a href="brand.asp?CID=1"><img border=0 src="images/CatConfec.gif"></a> <a href="brand.asp?CID=3"><img border=0 src="images/CatGrocery.gif"></a></td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</body>
</html>
ThanksOK I can't see anything obviously wrong with that. Try removing the CSS stylesheet link. That will tell you if it's your css or your table that needs sorting out. Then tell us what happensnope no difference - unless you count the fact that it now looks a bit fugly.
So i'm guessing this is on the wrong board? :SI'd guess so. Maybe there's a problem with the asp code that wrote it. Try the ASP forum anyway!Fixed it - what a bastard this was!
A guy in my office fixed it.
You may have noticed that it was all encompased in a single table cell.
Well he split the 3 tables up into there own cells and it finally started working fine.
Something to do with it rendering the html but measuring the size of the output incorrectly.
Either that or dodgy code on my part - more than likely
Cheers anyway
PS: final code looked like....
<html>
<head>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"css/default.css">
</head>
<body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0">
<table ID="ALLINONETABLE" height=100% cellpadding=0 cellspacing=0>
<tr>
<td>
<table width=100% class="HeaderLogo" cellspacing=0 cellpadding=0 ID="Table1">
<tr>
<td align=right><a href=http://www.webdeveloper.com/forum/archive/index.php/"USerEdit.asp"><img border=0 src="images/icons/buttonedit.gif"></a><a href="cart.asp"><img border=0 src="images/icons/buttonbasket.gif"></a></td><td> </td>
</tr>
</table>
<table cellspacing=0 cellpadding=0>
<tr><td>
<table align=left class="Menu" cellpadding=0 cellspacing=0 height=100% ID="Table2">
<tr>
<td class="Menusearch" height=25>Quick Product Search</td>
</tr>
<tr>
<td class="Menusearch2" height=25>
<input type=text size="20" ID="criteria" NAME="criteria">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/icons/go.gif" align=middle onclick="search();" class="MouseOver2">
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td><td>
<Table cellspacing=0 cellpadding=0 align=center class="Table" ID="Table3">
<tr>
<td class="Title">Welcome To The <A Random Company> Employee Shop</td>
</tr>
<tr>
<td class="Header1">Please Select Which Category Of Food You Would Like To Purchase</td>
</tr>
<tr>
<td class="Header2">You Can Do This From The Menu On The Left Or By Clicking On The Relevant Icon Below</td>
</tr>
<tr>
<td align=center><a href=http://www.webdeveloper.com/forum/archive/index.php/"brand.asp?CID=5"><img border=0 src="images/CatSnacks.gif"></a> <a href="brand.asp?CID=2"><img border=0 src="images/CatCheese.gif"></a> <a href="seasonal.asp?S=Y"><img border=0 src="images/CatSeasonal.gif"></a></td>
</tr>
<tr>
<td align=center><a href=http://www.webdeveloper.com/forum/archive/index.php/"brand.asp?CID=4"><img border=0 src="images/CatCoffee.gif"></a> <a href="brand.asp?CID=1"><img border=0 src="images/CatConfec.gif"></a> <a href="brand.asp?CID=3"><img border=0 src="images/CatGrocery.gif"></a></td>
</tr>
</table>
</td></tr>
</table>
</TD>
</TR>
</TABLE>
</body>
</html>
i have a page with 3 frames.
1 frame keep showing a scrollbar.... (vertical)
how can i make the scrollbar disappear?
i heard something like this:
<style type="text/css">
body{y-overflow: 0;}
</style>
can someone help me?If you want to get rid of only the vertical scrollbar, then
<style type="text/css">
body {
overflow-y:hidden;
}
</style>
will work.thx
You're welcome .Ok - whilst we're on this topic i didn't want to start a new thread.....I have the opposite problem
I have dynamically created an ASP page.
This page should have a vertical and horizontal scrollbar on it as the page (when viewed in 800*600) overflow's both ways.
Only the vertical scrollbar appears.
Using teh above example i tried..
Body
{
overflow:scroll;
}
i also tried overflow-x:scroll; and i also tried substituting "visible" infor "scroll"
Whilst...
Body
{
overflow:scroll;
}
did at least present me with a horizontal scrollbar it was disabled as if to say that there's nothing more to show - but it's wrong! It's even cutting pictures in half.
Anyone?Sounds to me like there's a problem with the table rather than the css. Do you have the page uploaded on the internet somewhere? or is it local?Ok here's the html.... have to admit i have no idea on this one.
<html>
<head>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"css/default.css">
</head>
<body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0">
<table ID="ALLINONETABLE" height=100% cellpadding=0 cellspacing=0>
<tr>
<td>
<table width=100% class="HeaderLogo" cellspacing=0 cellpadding=0 ID="Table1">
<tr>
<td align=right><a href=http://www.webdeveloper.com/forum/archive/index.php/"USerEdit.asp"><img border=0 src="images/icons/buttonedit.gif"></a><a href="cart.asp"><img border=0 src="images/icons/buttonbasket.gif"></a></td><td> </td>
</tr>
</table>
<table align=left class="Menu" cellpadding=0 cellspacing=0 height=100% ID="Table2">
<tr>
<td class="Menusearch" height=25>Quick Product Search</td>
</tr>
<tr>
<td class="Menusearch2" height=25>
<input type=text size="20" ID="criteria" NAME="criteria">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/icons/go.gif" align=middle onclick="search();" class="MouseOver2">
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<br />
<br />
<Table align=center class="Table" ID="Table3">
<tr>
<td class="Title">Welcome To The <A Random Company> Employee Shop</td>
</tr>
<tr>
<td class="Header1">Please Select Which Category Of Food You Would Like To Purchase</td>
</tr>
<tr>
<td class="Header2">You Can Do This From The Menu On The Left Or By Clicking On The Relevant Icon Below</td>
</tr>
<tr>
<td align=center><a href=http://www.webdeveloper.com/forum/archive/index.php/"brand.asp?CID=5"><img border=0 src="images/CatSnacks.gif"></a> <a href="brand.asp?CID=2"><img border=0 src="images/CatCheese.gif"></a> <a href="seasonal.asp?S=Y"><img border=0 src="images/CatSeasonal.gif"></a></td>
</tr>
<tr>
<td align=center><a href=http://www.webdeveloper.com/forum/archive/index.php/"brand.asp?CID=4"><img border=0 src="images/CatCoffee.gif"></a> <a href="brand.asp?CID=1"><img border=0 src="images/CatConfec.gif"></a> <a href="brand.asp?CID=3"><img border=0 src="images/CatGrocery.gif"></a></td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</body>
</html>
ThanksOK I can't see anything obviously wrong with that. Try removing the CSS stylesheet link. That will tell you if it's your css or your table that needs sorting out. Then tell us what happensnope no difference - unless you count the fact that it now looks a bit fugly.
So i'm guessing this is on the wrong board? :SI'd guess so. Maybe there's a problem with the asp code that wrote it. Try the ASP forum anyway!Fixed it - what a bastard this was!
A guy in my office fixed it.
You may have noticed that it was all encompased in a single table cell.
Well he split the 3 tables up into there own cells and it finally started working fine.
Something to do with it rendering the html but measuring the size of the output incorrectly.
Either that or dodgy code on my part - more than likely
Cheers anyway
PS: final code looked like....
<html>
<head>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"css/default.css">
</head>
<body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0">
<table ID="ALLINONETABLE" height=100% cellpadding=0 cellspacing=0>
<tr>
<td>
<table width=100% class="HeaderLogo" cellspacing=0 cellpadding=0 ID="Table1">
<tr>
<td align=right><a href=http://www.webdeveloper.com/forum/archive/index.php/"USerEdit.asp"><img border=0 src="images/icons/buttonedit.gif"></a><a href="cart.asp"><img border=0 src="images/icons/buttonbasket.gif"></a></td><td> </td>
</tr>
</table>
<table cellspacing=0 cellpadding=0>
<tr><td>
<table align=left class="Menu" cellpadding=0 cellspacing=0 height=100% ID="Table2">
<tr>
<td class="Menusearch" height=25>Quick Product Search</td>
</tr>
<tr>
<td class="Menusearch2" height=25>
<input type=text size="20" ID="criteria" NAME="criteria">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/icons/go.gif" align=middle onclick="search();" class="MouseOver2">
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td><td>
<Table cellspacing=0 cellpadding=0 align=center class="Table" ID="Table3">
<tr>
<td class="Title">Welcome To The <A Random Company> Employee Shop</td>
</tr>
<tr>
<td class="Header1">Please Select Which Category Of Food You Would Like To Purchase</td>
</tr>
<tr>
<td class="Header2">You Can Do This From The Menu On The Left Or By Clicking On The Relevant Icon Below</td>
</tr>
<tr>
<td align=center><a href=http://www.webdeveloper.com/forum/archive/index.php/"brand.asp?CID=5"><img border=0 src="images/CatSnacks.gif"></a> <a href="brand.asp?CID=2"><img border=0 src="images/CatCheese.gif"></a> <a href="seasonal.asp?S=Y"><img border=0 src="images/CatSeasonal.gif"></a></td>
</tr>
<tr>
<td align=center><a href=http://www.webdeveloper.com/forum/archive/index.php/"brand.asp?CID=4"><img border=0 src="images/CatCoffee.gif"></a> <a href="brand.asp?CID=1"><img border=0 src="images/CatConfec.gif"></a> <a href="brand.asp?CID=3"><img border=0 src="images/CatGrocery.gif"></a></td>
</tr>
</table>
</td></tr>
</table>
</TD>
</TR>
</TABLE>
</body>
</html>