Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Scroll bars (vertical)

Posted by: Mark_W Sep 5 2006, 01:10 PM

Hi Folks,

I did not find this in FAQ's, but I somehow think it has been asked before. (sorry)

Page is displayed with no scroll bars on a small laptop screen. When user adds 3rd party toolbars, the vertical scroll bars appear. The screen however has "room" top and bottom. I designed the page as nested tables with the outer table having a height="100%" and the default background color to black to fill all size browsers windows. The inner tables do not have the height attribute. Roughly, I'd say that 1/4 of the screen is black above and below the displayed tables.

What do I do so that the screen does not scroll when toolbars are present? There appears to be lots of real estate left.

Thanks in advance.

Mark

Posted by: John Pozadzides Sep 5 2006, 01:12 PM

Any chance of getting a URL?

Posted by: pandy Sep 5 2006, 01:25 PM

Yeah, a URL would help. Meanwhile my guess is that you either use a fixed width design or use images that are big enough to force the width.

If you let the page content flow and rearrange itself rather than locking it at a fixed size, this problem won't occur. Or at least it won't happen until the browser window is smaller than the largest image.

http://htmlhelp.com/faq/html/design.html#screen-size
http://www.westciv.com/style_master/house/good_oil/not_paper/

Posted by: pandy Sep 5 2006, 01:26 PM

Oops! I misread. I thought you said horizontal scrollbars. Sorry.

Posted by: Mark_W Sep 5 2006, 01:49 PM

QUOTE(pandy @ Sep 5 2006, 02:26 PM)

Oops! I misread. I thought you said horizontal scrollbars. Sorry.

John and Pandy,

Thank you for replying. The page is not published, just on our local network. I will give you the basic HTML, if that helps.

If I change the height to 80% for the outer table, the scroll bars go away an all the content is displayed as it was. (with white filler below teh black background) I could probbaly drop to 70%. I want to display the page without scrolling until the user resizes the page to be smaller than the content. I did not specifiy height on any elements (except jpg's, with are 400x400, one per page).

<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0" marginwidth="0" marginheight="0" >
<table bgcolor = "000000" width="100%" id="Tab0" height="100%">
<!- in here are 4 tables of fixed width (990)
</table>
</body>
</html>

Thanks again,

Mark

Posted by: Mark_W Sep 5 2006, 04:41 PM

Hi Folks,

Just an update on the topic. The tester had their windows taskbar moved to right side of the screen. Upon changing it to the bottom, the scrolling went away. I conclude that due to the extra horizontal real estate consumed by the vertical taskbar, the browser automatically enabled the scroll.

Is there a coding procedure to address this? I'll try to figure it out in the meantine, just wanted to update everyone.

Many thanks!

Mark

Posted by: Christian J Sep 5 2006, 04:45 PM

If the table or its child elements contain lots of padding or margin you might get the effetc you describe even if the visible text content doesn't appear to fill the viewport.

Posted by: Mark_W Sep 6 2006, 03:16 PM

QUOTE(Christian J @ Sep 5 2006, 05:45 PM)

If the table or its child elements contain lots of padding or margin you might get the effetc you describe even if the visible text content doesn't appear to fill the viewport.

Hi Christian,

I reduced/eliminated the "padding" .

Thanks!

Mark