The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Scroll bars (vertical), Page displays scroll bars with when add on toolbars are present
Mark_W
post Sep 5 2006, 01:10 PM
Post #1





Group: Members
Posts: 6
Joined: 5-September 06
Member No.: 70



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
John Pozadzides
post Sep 5 2006, 01:12 PM
Post #2


WDG Founder
******

Group: Root Admin
Posts: 529
Joined: 3-August 06
From: Magnolia, TX
Member No.: 2



Any chance of getting a URL? smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 5 2006, 01:25 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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. tongue.gif

http://htmlhelp.com/faq/html/design.html#screen-size
http://www.westciv.com/style_master/house/..._oil/not_paper/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 5 2006, 01:26 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Oops! I misread. I thought you said horizontal scrollbars. Sorry. blush.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Mark_W
post Sep 5 2006, 01:49 PM
Post #5





Group: Members
Posts: 6
Joined: 5-September 06
Member No.: 70



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

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


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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Mark_W
post Sep 5 2006, 04:41 PM
Post #6





Group: Members
Posts: 6
Joined: 5-September 06
Member No.: 70



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

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Sep 5 2006, 04:45 PM
Post #7


.
********

Group: WDG Moderators
Posts: 9,630
Joined: 10-August 06
Member No.: 7



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Mark_W
post Sep 6 2006, 03:16 PM
Post #8





Group: Members
Posts: 6
Joined: 5-September 06
Member No.: 70



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 05:33 AM