/    Sign up×
Community /Pin to ProfileBookmark

Vertical Scrolling?

While I do expect for this page to have horizontal scroll-bars, I don’t understand why it’s also presenting vertical scroll-bars. The page is generated out of php, if that makes any difference.

Here is the output:

[CODE]<html>
<head>
<title>
((( Robin Dean Online )))</title>
<noscript>
<meta http-equiv=”refresh” content=”0;url=index.php?display=javascript”>
</noscript>
<script language=”javascript”>
var browser = “null”; function HandleError(){return true;}</script>
<script language=”javascript” src=”configure.js”>
</script>
<script language=”javascript”>
if (browser != “compatible”) top.location = “index.php?display=browser”;</script>
<link rel=”stylesheet” type=”text/css” href=”index.php?display=css”>
</head>
<body class=”black”>
<table class=”gallery” border=”0″ cellspacing=”18″ cellpadding=”0″>
<tr valign=”bottom”>
<td>
Select an album …<br>
<br>
<a href=”#” onclick=”GetPage(‘index.php?display=gallery&session=2007_04_11′,’self’); return false;” class=”blue”>
<img src=”gallery/2007_04_11_photo_small_01.jpg” width=”256″ height=”192″ hspace=”0″ vspace=”0″ border=”0″>
<br>
<br>
<div align=”right”>
Photos: 4.11.2007</div>
</a>
</td>
<td>
<a href=”#” onclick=”GetPage(‘index.php?display=gallery&session=2007_04_06′,’self’); return false;” class=”blue”>
<img src=”gallery/2007_04_06_video_small_01.jpg” width=”256″ height=”192″ hspace=”0″ vspace=”0″ border=”0″>
<br>
<br>
<div align=”right”>
Videos: 4.6.2007</div>
</a>
</td>
<td>
<a href=”#” onclick=”GetPage(‘index.php?display=gallery&session=2005_07_12′,’self’); return false;” class=”blue”>
<img src=”gallery/2005_07_12_photo_small_01.jpg” width=”256″ height=”192″ hspace=”0″ vspace=”0″ border=”0″>
<br>
<br>
<div align=”right”>
Photos: 7.12.2005</div>
</a>
</td>
<td>
<a href=”#” onclick=”GetPage(‘index.php?display=gallery&session=2005_05_01′,’self’); return false;” class=”blue”>
<img src=”gallery/2005_05_01_photo_small_01.jpg” width=”256″ height=”192″ hspace=”0″ vspace=”0″ border=”0″>
<br>
<br>
<div align=”right”>
Photos: 5.1.2005</div>
</a>
</td>
<td>
<a href=”#” onclick=”GetPage(‘index.php?display=gallery&session=2003_07_28′,’self’); return false;” class=”blue”>
<img src=”gallery/2003_07_28_photo_small_01.jpg” width=”256″ height=”192″ hspace=”0″ vspace=”0″ border=”0″>
<br>
<br>
<div align=”right”>
Photos: 7.28.2003</div>
</a>
</td>
</tr>
</table>
</body>
</html>
[/CODE]

Can someone help me understand why vertical scroll-bars are appearing? There’s plenty of vertical space. The table has no height designation.

to post a comment
HTML

7 Comments(s)

Copy linkTweet thisAlerts:
@gil_davisApr 11.2007 — Specify overflowY: hidden; in the CSS for class="black"
Copy linkTweet thisAlerts:
@robindeanauthorApr 11.2007 — Thanks for the reply.

I think that the code you're suggesting is a little too "hard-wired" in a manner of speaking.

It does solve the problem for that page ... but doesn't it "force" the removal of scroll-bars?

I have other pages which make use of the same body class which do require vertical scrolling.

Further more, if they resize the window, they might need them.

On my machine, with the window maximized, there is plenty of space and no vertical scrolling is necessary ... yet it insists upon displaying them.

Other ideas?
Copy linkTweet thisAlerts:
@drhowarddrfineApr 11.2007 — There is no such CSS property as 'overflowY'
Copy linkTweet thisAlerts:
@gil_davisApr 11.2007 — I have other pages which make use of the same body class which do require vertical scrolling.[/quote]
IE does not behave nicely with the vertical scrollbar. It is always there even if it isn't needed unless you use the "overflowY: hidden;" style. Where you activate it is up to you. If you know it is only one specific circumstance, then code some javascript to change the style of the body on detection, or add a stylesheet to the one page after the "common" stylesheet that will redefine the class "black".Further more, if they resize the window, they might need them.[/quote]Include that in the detection, then.
Copy linkTweet thisAlerts:
@drhowarddrfineApr 11.2007 — You should also validate your html. There are 22 errors there.
Copy linkTweet thisAlerts:
@robindeanauthorApr 11.2007 — This is happening in browsers other than explorer. What kind of javascript would you suggest?

Is there an online html validator lying around anywhere?
×

Success!

Help @robindean spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...