LOST scroll bar on my web page

E

exlibris

The scroll bar vanished on one of my web pages while updating with FrontPage
2002. How do I retrieve and/or add a scroll bar? Thanks!
 
R

Ronx

The usual way to add a scroll bar is to add sufficient content that a scroll
bar is needed. However in your case it sounds like the scroll bar has been
removed. This can be done by using a CSS attribute such as
overflow: hidden; within a CSS rule for a class or page element.
We will need to see a page with missing scrollbars to see what has occurred
and how to correct it.

--
Ron Symonds
Microsoft MVP (Expression)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.
 
R

Ronx

Change in code view (at line 5):

<style>
<!--
BODY {
MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 100%
}
BODY {
MARGIN: 0px; FONT-FAMILY: arial,sans-serif
}


to


<style type="text/css">
<!--
BODY {
MARGIN: 0 15px; FONT-FAMILY: arial,sans-serif;
background: #003399;
}
html, body {height: 100%; margin-bottom: 1px;}
a:link {color: #3366cc; }
a:visited {color: #6699ff; }


Also Change:

<body BGCOLOR="#003399" LINK="#3366CC" VLINK="#6699FF" leftmargin="15">

to

<body>


This provides a 15px left/right margin, and ensures the presence of the
scroll bar and link colours in ALL browsers.

I suggest you give the CSS classes meaningful names, since what is there
will become a nightmare to maintain.
Is cP the same as Cp or cp or CP?

Also remove all spaces from folder and file names. Spaces break links in
some browsers, email clients and newsreaders.

--
Ron Symonds
Microsoft MVP (Expression)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.
 
E

exlibris

Thank you Ron, I don't understand how it became LOST, but I changed the code
according to your note and it works perfectly now. Thank you. Thank you.
 
R

Ronx

The original CSS for the <body> tag included Overflow: hidden - this
switches off scrollbars...

--
Ron Symonds
Microsoft MVP (Expression)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.



exlibris said:
Thank you Ron, I don't understand how it became LOST, but I changed the
code
according to your note and it works perfectly now. Thank you. Thank you.
 
R

Ronx

Yes - in line 35, delete:
body{overflow:hidden}body{overflow:visible;margin:3px 8px 0}

Change:
body{margin:3px 0 0} to body{margin:3px 8px 0}

There isn lots of CSS countermanding other CSS, such as
panel{position:absolute;top:0;left:0;z-index:2} over-ruled by
#panel{position:relative;float:none;width:100%}

and lots of styles that are not used in the page, such as
panel{position:absolute;top:0;left:0;z-index:2} over-ruled by
#panel{position:relative;float:none;width:100%}

Also, the space bar is not a layout tool - spaces do NOT have a fixed width,
so the layout will change from browser to browser, user to user. - look for
groups of &nbsp; which should be replaced by margins and/or padding.

There are several useless styles - valid, but useless. How does a browser
render "margin-bottom:.0001pt" 1pt is 1/72 of an inch, so this represents a
very, very small fraction of a pixel. Word adds a lot of styles that are
only useful when printing the page.
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.
 
R

RKellner

Thanks, Ron

I only know the basics of Code View & mostly work in Design...I know it's
not the most reliable way to create a page, alas. Thanks again.
 
R

Ronx

Same solution for both pages: remove all references to overflow: hidden,
and overflow: visible.

The CSS can be re-written as:

<style type="text/css">
<!--
body {font-family: arial,helvetica,sans-serif; font-size: 13px; background:
#fff; color: #000; margin: 3px 8px 0; }
-->
</style>

Also remove the references to class="MsoNormal" - this class is not defined
and is a carry over from copy/paste from Word or other MS product.

The rest can be removed since it does not appear in the page.
/*.mapPanelStart {left: 29.32em; }
..mapPanelMarginEnd {margin-right: 29.32em; }
#map {clear: both; }
#map {margin-left: 8px; /*overflow: hidden;*/ border: 0px none; }
#map {position: relative; z-index: 1; background: #e5e3df; /*overflow:
hidden;*/ }
#map {position: relative; }
#map {margin-left: 0; margin-right: 0; left: 0; border: 1px solid
#979797; }*/




--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.
 
Joined
May 4, 2010
Messages
1
Reaction score
0
No scroll bars on website

I have this same problem with no scroll bars appearing on any pages in my site. I searched the code and can't find any references to OVERFLOW: hidden. So, I'm assuming my problem is different.
Here are links to a few of pages. Any help would be greatly appreciated.
http://www.gvc-enterprises.com/
http://www.gvc-enterprises.com/Disaster Restoration.htm
http://www.gvc-enterprises.com/Residential and Commercial Renovations.htm

The site was created in Expression Web with CSS.

Thanks,
~K
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads


Top