Unwanted/unneeded scroll bars in Safari 4

I have a blog (www.RabbiBen.org) that suddenly began to show scroll bars next to each entry, in addition to the usual bars at the right side of a window. These bars only appear in Safari, not in any other browser I have tried. Is there a way to get rid of them in Safari?
My guess is no, given the number of posts regarding problems with Safari 4. Maybe Apple rushed this release too much.
If anyone has any suggestions, I would appreciate it.
Thanks,
Ben Sendrow

Just looked at you page. Imeditly I knew what the problem was...
Here's the text box div tag, div class="sfblogentry"...
*The css for the above div should be set to none for scroll bars or not set at all in the css.* The scroll bar is set to auto. When set to auto some browsers will show a scroll bar even is one is not needed. Or, when set to auto the text inside the div is so close to the inner walls of the text box. The browser will trigger for a scroll bar even if a scroll bar is not needed.
Here's a link to what your page should look like in Safari.
Click to view your fixed sample web page.
Was an easy fix took less than a minute to fix. There may be some elements missing and I didn't want to short through all the css pages to re-link them. There is six some odd css pages. Way to many css pages for a simple page like your.
To be honest with you, the html and css coding is a mess. If someone else was to take over the coding for your web page. It would be faster to rebuild the site than to work with what you have been provided.
Message was edited by: David M Brewer

Similar Messages

SharePoint 2010, unable to see the site vertical scroll bar in Safari and Mozilla Firefox

Hi,
I am not able to see the sharepoint site vertical scroll bar in Safari and Mozilla firefox in window OS as well as Mac OS , even I have tried with various option of the browser but still not able to see the vertical scroll bar.
I have tried to check with other sharepoint site in Windows OS and found that I can see others sites vertical scroll bar in Safari and Mozilla firefox , Please let me know why I am not able to see for my sharepoint sites.
Thanks
Roopak

Screen in jammed or how it looks without vertical scroll bar ? Check with site master page if you have modified anything related to vertical bar or else Try in other system and check if you are able to see vertical bar .
Let us know your result
Whenever you see a reply and if you think is helpful, click "Vote As Helpful"! And whenever you see a reply being an answer to the question of the thread, click "Mark As Answer

I have osx 10.6.8 and have lost the side scroll bars on Safari. When I go into System Preferences there is NOT an "always" option for displaying Scroll Bar. How do I get it them to display again?

When using Safari the scroll bars no longer appear on the right hand side. When I go into System Preferences the option to Always have the scroll bars displayed is NOT there. How/Where do I go to get these to show all the time?

It SHOULD be under the General tab in System Preferences:
(Note that this is a Mavericks screenshot, but it should be there in Snow Leopard, too, if indeed you're still running 10.6.8 as your profile says)
Clinton

No vertical scroll bar using Safari or Firfox

I created my own website using Dreamweaver CS3 and it looks great using IE. I just viewed it in Safari and Firefox and noticed there is no vertical scroll bar on the right so people can not see the bottom half of my pages. I have researched this online and nothing seems to be working. Any ideas will help. My website is www.binglevet.com if that helps anyone view the source code. Thank you. Caroline

You are awesome! I actually did run that report and there was this message; however, I didn't realize it was the main cause for many to be unable to view my site when using Firefox or Safari. I deleted the line and it now scrolls in both browsers. Thank you for the help.
Unsupported value: 'fixed'
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #2A1F55;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
position: fixed;

Unwanted hor-scroll bars in IE

Hello all,
I have designed a web page in Dreamweaver MX using frames
(3-T,L,C) when I view it in Firefox scroll bars appear on the right
side, which is correct, but when I view it in IE scroll bars appear
on the right AND the bottom, even thow there is nothing to scroll
left or right too.
I have tried the scrolling="no", resizing the frames, etc. My
video size is 1024x768, but the HTML file is only 800 wide, which
should fit no problem in 1024.
Also, I only get the hor-scroll bar when there is a right
scroll bar. In other words, if what I have on a page is longer than
the page, a right scroll bar appears, along with a bottom one. Very
bizzare!!
Any ideas how to get rid of the bottom scroll bar in IE?
Much appreciated.

Without checking too deeping, I believe it could be because
your header is
around the 800px width. So when you resize the window to
about 800*600 you
get a scroll in the bottom area to match the width at the
top. Even though
that bottom frame may not be as wide at the top, the browser
has to take
into account all the widths of the page elements.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
"Falcore4" <[email protected]> wrote in
message
news:e96836$5ug$[email protected]..
> Here is the link:
>
>
http://www.websites4design.com/Saugus%20Youth%20Soccer%20New/index.htm
>
> Select either Board or Registration links.
>
> Thanks

How to remove an unneeded scroll bar from an iView?

Hello,
I have an iView which presenta KM content.
The iView is presented with two annoying scrollbars which doesn't contribute to anything since there is really not much to scroll.
I would like to cancel these scroll bars.
I tried playing with the iView appearance parameters (Fixed/Automatic) and with the height parameter yet it didn't help.
I also tried to see if this option can be mofified at the Layout Set this iView is based on yet I couldn't find such.
Any suggestions...?

Hi Roy,
Can you tell me what is the "Isolation Mode" property of your iview set to.
Is it Embedded or URL. If it is URL try setting it to Embedded and let me know.

How can I eliminate unwanted horizontal scroll bars from certain pages on my site?

A few pages on my website have a horizontal scroll bar at the bottom of the browser. I have several other pages in the exact same format and none of them have the horizontal scroll. No elements are off the edge of the page or anything. I'm a designer and don't know code, which is why I'm using Muse, but all the forums I've checked so far give coding solutions that I don't understand or know how to apply to my Muse site. Anyone have any suggestions?

Can you post a URL for your site? (You could publish a free temporary site on Adobe Business Catalyst and provide the URL.)
Other than the page being wider than the browser window or there being content that's outside the page bounds, I don't know what else to tell you to look for. If you provide a URL, we can probably detect what's causing the horizontal scrollbar and let you know what needs to change.

Unwanted verticle scroll bar

Good afternoon,
I have noticed the presence of a verticle scroll bar where
there shouldn't be one.
I create a Captivate project and publish it with no borders
and no skins (no playbar). I make sure the size of the file
generated by the project will comfortably fit in a 1013px by 713px
browser window. I test the project after publish and of course
there are scroll bars as in this mode all of the browser attributes
are in place.
I then test the file through the LMS (the LMS fires the HTML
file in a window of fixed size (I designate the size in the LMS
settings) that has no attributes. There should be no scroll bars or
navigation. All works as planned except on the right verticle side
of the browser window a scroll bar (with no scroll tab) appears.
The content should not need to scroll, and indeed it does
fit, no content is hidden but there is this usless bar on the
verticle left side. I have tried using CSS overflow:none and
overflow:auto to not display the bar, but it still displays
non-the-less.
Has anyone had any problems of this sort? If so, what was the
solution?
Thank you,
TPK

Final Synopsis,
The conditions:
Our company recently upgraded from the Flash 8 to the Flash 9
plug-in. Our current version of Internet Explorer 6 is version
6.0.2900.2180. Our operating system is XP (service pack 2). My
company uses Adobe Captivate 2 to create internal training
materials that are SCORM compliant.
The problem:
Recently I noticed an odd behavior from lesson materials
created using Captivate 2. While creating training materials I
noticed there appeared to be an “empty” vertical
scrollbar on the right side of the HTML page (web published lesson)
that was generated from Captivate 2. I have been using Captivate 2
for several months (with the Flash 8 plug-in) and did not encounter
this “artifact” before this time.
To remove the artifact I tried to “publish” the
.cp file as Flash 6, Flash 7, and Flash 8 compatible files. In each
case the phantom scrollbar was visible where no scrolling should be
needed. In addition, I re-sized the physical dimensions of the
project and altered settings in our LMS to allow for a generous
window size and a small project size. The artifact persisted. I
also tried changing the DOCTYPE attribute for the HTML page. Again,
the artifact persisted. I re-created the project using Captivate
(version 1), and again the artifact persisted.
Finally, I inserted an (invalid) <BODY> tag attribute,
‘scroll=”auto”’ so that the body tag looked
like this:
<body scroll="auto" bgcolor="#F1F4F5"
onunload="Finish();">
This appeared to work (even though this appears to be an
invalid markup tag) and still allowed the page to show scrollbars
if needed.
I asked the IS department to roll back the Flash Plug-in to
version 8, and again published a .cp project (without the above
mentioned solution). The problem disappeared.
The problem appeared to be with the Flash 9 plug-in and/or
how it was implemented in Internet Explorer 6.
I have tested the file with these browsers:
OS Browser Plug-in Scrollbar Present
XP (sp2)Internet Explorer 6 Flash 9 Yes
XP (sp2)Internet Explorer 6 Flash 8 No
XP (sp2)Internet Explorer 7 Flash 9 Yes
XP (sp2)FireFox Flash 9 No
Mac OSXSafari Flash 9 No
Mac OSXFireFox Flash 9 No
I submitted a report to Adobe Support since this appears to
be a bug.
TPK

How can i remove a unwanted horizontal scroll bar on IE?

I have an expanding search bar in my navigation, however only on IE the horizontal scroll appears which allows you to move it off the screen. Which obviously i don't want. It there any way to stop this?
Here is my HTML and CSS;
<div id="logocontainer">
<div id="secondary-bar" class="clearfix">
            <form id="search" action="#" method="post">
              <div id="label"><label for="search-terms" id="search-label">search</label></div>
                <div id="input"><input type="text" name="search-terms" id="search-terms" placeholder=""></div>
            </form>
<nav>
                <ul>
                   <li><a href="#">[email protected]</a></li>
                    <li><a href="#">(0191)2521348</a></li>
                <div class="box"><a href="https://twitter.com">twitter</a></div>
                  <div class="box2"><a href="http://instagram.com">instagram</a></div>
                </ul>
            </nav>
</div>
#secondary-bar {
    position: relative;
    height: 40px;
    padding-left: 60px;
margin-top: 3%;
min-width: 320px;
@media all and (max-width: 1000px) {
#secondary-bar {
margin-left: auto;
margin-right: auto;}
#search {
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    margin-left: -40px;
#label {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 20;
#label label {
    display: block;
    width: 40px;
    height: 40px;
    background:url("../Graphics/search.png") 0 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: 9999px;
    cursor: pointer;
#label label:hover {
    background:url("../Graphics/search.png") -40px 0
#label.active label {
    background:url("../Graphics/search.png") -40px 0
#input {
    position: absolute;
    top: 0;
    right: 45px;
    width: 410px;
    height: 40px;
    z-index: 5;
    overflow: hidden;
#input input {
    display: block;
    position:relative;
    top: 0;
    left: -410px;
    width: 410px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border:solid;
border-width:thin;
border-color:#706E6E;
    background-image:url(../Graphics/black-linen.png);
    color: #898888;
    font-size: 12px;
    -ms-backface-visibility: none;
-webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-transition: left 0;
-webkit-transition: left 0;
    -moz-transition: left 0;
    -o-transition: left 0;
    transition: left 0;
overflow: hidden;
#input input:focus {
    outline: none
#input.focus {
    z-index: 20
#input.focus input {
    left: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: right 0.3s;
nav{
    width: 96%;
    float: left;
    position: relative;
    z-index: 10;
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
nav li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: .9rem;
float: right;
margin-top: .5%;
font-weight:100;
nav a {
    display: block;
    padding: 0 15px;
    color: #787878;
nav a:hover {
    color: #FFF;

That results in the search bar being visible before clicking to expand it, like this
and it moves to its correct position when clicking on magnifying class.

Safari Scroll Bar Missing

The scroll bar for safari on my computer is missing :S I'm not really sure how it happened, ubt i't gone. any ways to get it back?

Safari forum:
http://discussions.apple.com/forum.jspa?forumID=876

Scroll bars in phpBB forum posts

I just posted a complaint on a phpBB forum about most posts being framed with scroll bars making it necessary to scroll down and across to read each post.
After a bit of a debate it turns out that being the only Mac user and the only Safari user I am the only one experiencing this problem. It doesn't happen with Firefox.
Is there any way of tweaking Safari to stop this happening.

Thanks for the suggestion but it didn't make the slightest difference.
Have a look for yourself:
http://www.lro.com/forum/viewtopic.php?t=15344
Scroll bars in Safari but not Firefox.

Horizontal Scroll Bar

I have this site that I'm practicing on called
Massattack Studios,
it's been a work in progress for a while experimenting with Flash
and Dreamweaver 8.
In internet explorer my scroll bar situation works fine, in
Fire Fox the unwanted horizontal scroll bar appears. At least at
the moment I'm not concerned with other browsers. Can anybody tell
me how to get rid of that little guy?
I'm looking at the Validator and it is very overwealming to
me as a beginner with the code.
Any help would be great, i can post anything you may need to
figure it out, thank you very much!
This is my main index page...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Massattack Studios</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<frameset cols="*,650,*" border="0">
<frame src="left.htm" name="left" marginwidth="0"
marginheight="0" scrolling=no>
<frameset rows="100,*,25" border="0">
<frame src="head.htm" name="head" marginwidth="0"
marginheight="0" scrolling=no noresize>
<frame src="home.htm" name="MainFrame" scrolling="yes"
noresize="noresize" marginwidth="0" marginheight="0"
id="MainFrame">
<frame src="footer.htm" name="footer" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<frame src="right.htm" name="right" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<noframes><body>
</body></noframes>
</html>

In the home.htm file that loads into your main frame, change
the DOCTYPE.
CHANGE:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
TO THIS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">BTW:
"Bumbing" has no effect in the NNTP forums where most of the
answers come
from and it's just annoying to the web form user who are
patiently waiting
for a response.

Some large pages are displayed without scroll bars

I've had a number of cases recently when large pages are displayed without scroll bars. Safari handles these pages properly.
== URL of affected sites ==
http:////www.sears.com/shc/s/c_10153_12605_Tools_Tool Sets?adCell=WF

Hello Charles.
You may be having a problem with some Firefox add-on that is hindering your Firefox's normal behavior. Have you tried disabling all add-ons (just to check), to see if Firefox goes back to normal?
Whenever you have a problem with Firefox, whatever it is, you should make sure it's not coming from one of your installed add-ons, be it an extension, a theme or a plugin. To do that easily and cleanly, run Firefox in [http://support.mozilla.com/en-US/kb/Safe+Mode safe mode] and select ''Disable all add-ons''. If the problem disappears, you know it's from an add-on. Disable them all in normal mode, and enable them one at a time until you find the source of the problem. See [http://support.mozilla.com/en-US/kb/Troubleshooting+extensions+and+themes this article] for information about troubleshooting extensions and theme. You can troubleshoot plugins the same way.
If you want support for one of your add-ons, you'll need to contact its author.

Missing scroll bars on a pop up window in safari

I'm not even sure if Im in the right section for this question but I kept getting and error message under the safari topic. I have been trying to have my fantasy football draft, but whenever I open the window to enter the live draft there are no scroll bars. I can only see half of the page and its frustrating because I cant really see what Im doing. My draft is held through yahoo sports, I thought it just might be a problem with yahoo, but any other web browser I used on a different computer works just fine. Im pretty computer illiterate also.

HI,
I used on a different computer works just fine
That computer may be a different model and operating system?
Try this. From the Safari Menu Bar click Safari/Empty Cache. Relaunch Safari. If the behavior persists, from the Safari Menu Bar (top of your screen) click Safari / Preferences then select the Security tab.
Click the Show Cookies button. Delete all cookies related to; fantasy football / Yahoo.
Now click the Autofill tab in the preferences window. Click the Edit button next to: Other forms. Remove all.
Relaunch Safari.
If that didn't make a difference, click your Apple Menu (top left corner of your screen) then scroll down and click Software Updates. Make sure your system software is up to date.
Also, if you have any Safari third party add-ons that control scroll bars, that could be part of the problem.
Carolyn

I updated to Maverick and now my scroll bars on mail, safari and all apps doesn't work correctly. Also, can I hang back to the old mail from 10.6.8?

I updated from 10.6.8 to Maverick 10.9.2 and all of my apps scroll bars do not work correctly as in mail, safari, etc... Anything that can be done? Also, the mail interface is completely different from 10.6.8...is there a way to change back to the look of 10.6.8 or??? Did i make a mistake by updating to Maverick? Help please!

Scroll bars:
Scroll direction:
Mail:
..is there a way to change back to the look of 10.6.8
OS X Mavericks: Revert to a previous OS X version

Unwanted/unneeded scroll bars in Safari 4

Similar Messages

Maybe you are looking for