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
Similar Messages
-
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 SendrowJust 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 -
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. -
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,
TPKFinal 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. -
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. -
Why do I have 2 Vertical Scroll Bars and 1 Horizontal one
Can anyone tell me from the code below where I am going
wrong. I have an AP Div inside an AP Div that has text content and
the overflow is at Auto which gives me a horizontal scroll bar but
also 2 vertical scroll bars instead of one in Firefox. What is the
reason for this? I hope someone can help me - here's the code:
<div id="apDiv6"><img src="frame.jpg" alt="Frame"
width="518" height="335" /></div>
<div id="apDiv23">
<p align="left">
<strong>Hors d'Oeuvres<br/><br/>
</strong><strong>Soupe...........</strong><br/><br/>Soupe
a l'oignon
gratinée............................................
$6.75<br />
</strong>Onion soup<br /><br/>
<strong>Soupe du Jour ..........................
$5.25<br/>
</strong>Soup of the day<br/><br/>
<strong>Les entrées
froides...........<br/><br/>
</strong><strong>Huîtres du
Jour.....................La Pièce $1.85<br/><br/>
</strong>
Oysters (served with Champagne shallot
vinegar)<br/><br/>
Salade et fromage, vinaigrette à la moutarde de
Dijon........ $6.00<br/>
Mixed salad with feta cheese, Dijon mustard
vinaigrette<br/><br/>
Salad frisée aux lardons et oeuf poché..........
$7.95<br/>
Frisée salad with bacon and poached egg, sherry
vinaigrette<br/><br/>
Salade de crabes, concombre et betterave, sauce
aïoli......$8.50<br/>
Crab salad with golden beet and cumcumber, aioli
sauce<br/><br/>
Foie gras cuit au torchon et
toast........$14.50<br/><br/>
Les entrées chaudes......<br/><br/>
Moules Marinières................$9.00<br/>
Steamed Mussels Marinieres, White Wine and garlic (Side
French fries $2.50)<br/><br/>
Poêle de ris de veau et épinards, jus au
romarin..........$9.50<br/>
Sautéed sweetbread with spinach, rosemary
jus<br/><br/>
Escargots de Bourgogne au beurre d'ail et
persil..............$7.50<br/>
Escargots from Burgundy in garlic parsley butter (plate
6)<br/><br/>
Les Plats<br/><br/>
Légumes........<br/><br/>
L'assiette végétarienne du Chef...............
$14.90<br/>
Chef Vegetarian<br/>
Red beet raviolis wih parmesan cheese and seasonal
vegetables, mushroom jus<br/><br/>
Poisson<br/><br/>
Pave de saumon, purée de pommes de terre et
épinards, sauce homard et vin blanc...... $16.50<br/>
Steamed salmon with mashed potatoes, spinach and mussels,
white wine with lobster sauce<br/><br/>
Filet de bar meunière, poireaux caramélisés,
sauce grenobloise.....$16.75<br/>
Sauteed bass served with caramelized leeks, Grenobloise
sauce<br/><br/>
Tronçon d'espadon legumes de saison couscous, safran
orange sauce.... $17.95<br/>
Sauteed swordfish with couscous and spring vegetables, orange
and saffron sauce<br/><br/>
Viandes et volailles......<br/><br/>
Boeuf Bourguignon et purée de pommes de
terre..........$16.25<br/>
Beef Bourguignon sered with mashed
potatoes<br/><br/>
Suprême de poulet, ragoût de macaronis poireaux et
chanpignons, sauce orange... $15.50<br/>
Roasted chicken breast, leek mushrooms macaroni ragout orange
sauce<br/>
Lapin façon Normande............$17.25<br/>
Rabbit Normandy served with Peruvian mashed
potatoes<br/><br/>
Le Cassoulet toulousain Maison...........$21.00<br/>
Home Made Cassoulet with beans (Duck leg Confit, port,
Toulouse sausage)<br/><br/>
Jarret d'agneau braise 6 heures, blettes jus d'agneau et
romarin.....$23<br/>
Lamb shank braised for six hours served with swiss chard,
rosemary lamb jus<br/><br/>
New York steak, french fries, shallot red wine
butter<br/><br/>
</p>
</div>
Thank you for helping!Hi,
This is a problem with firefox. It will always show
scrollbars if the div's css property of overflow is set to anything
except none.
Gaurav
www.gauravchandra.com -
Umwanted horizontal scroll bar at the bottom of the screen
Hello,
Our application is a plug in to the Solution Manager Workcenter. The initial screen of the application
contains two tables, one below the other.
The ROOTUIELEMENTCONTAINER has a matrix layout, and both the tables' layout has been set to MatrixHeadData. Width of all has been set to 100%, and the 'stretchedHorizontally' property has been enabled.
However, I am getting a scroll bar at the bottom of the screen which is unwanted. Please suggest a way in which I can get rid of this annoying scrollbar, so that the tables are contained within the screen.
Thanks!
Shalini.scrollbars at the bottom of the screen only appear if the contents of the screen pass the right border.
the 100% width isn't going to change this. It only defines that the table must take at least 100% of the screen, but if it needs more, it will take more.
In other words:
remove unnecessary columns to be able to keep your contents inside the screen.
btw:
if someone else works with a smaller resolution, he will have the scrollbar anyway. -
Hello,
There is table control in my program and screen.
This object with created table control wizard.
This object on scroll bar(ver.-hor.)
I want to not see scroll bar.(visible = false)
Pleace help me.
Thanks.Hello Melih
I do not think that we can effect the scroll bars. If the size of the screen/dynpro is sufficient to display the entire table control then there should be no scroll bar. If the screen is smaller than the table control then the GUI automatically displays the scroll bars (which makes perfect sense).
Regards
Uwe -
Different Scroll bars in one file
I've manually customized the look and feel of the scroll bars for scroll pane component and it works fine. I've two different files that have different visual styles for scroll bars. Now I want to merge these two files meaning I want to have one file with two different styles of scrollbars co-existing. I can resolve the naming conflicts but both of the them are using same asset names and action scripts (I think in the class definition).
So basically my question if how can I have two different scroll bars implemented in one file?
Many thanksYou can make the clip that you want to play at 2 fps seem
that way by just making it longer. Alternately, you could use a
timed tween. -
How can we remove the scroll bars from the table?
Hi,
I have a dynamic table. Currently the table appears with the scroll bars. But there is a requirement that the scroll bar should not appear and the table should stretch in the entire page. How can this be achieved.
Thanks in advance
NitaThanks Mohammad for the reply.
Was able to remove the scroll bars by using only the styleClass as AFStretchWidth. But there is a default partition in middle of the page still? Can i remove that too by any way. -
The status bar is pushed up at about 3/4 of the screen, so I can view only Firefox at about 1/4, good thing there is a scroll bar, but below the status bar is white display? can u please help me, I want to drag down the status bar so I can have a full view
== This happened ==
Every time Firefox openedYour code is absolutely unreadable - even if someone was willing to
help, it's simply impossible. I do give you a few tips, though: If you
understand your code (i.e. if it really is YOUR code), you should be
able to realize that your minimum and maximum never get set (thus they
are both 0) and your exam 3 is set with the wrong value. SEE where
those should get set and figure out why they're not. Chances are you
are doing something to them that makes one 'if' fail or you just
erroneously assign a wrong variable! -
Hi,
Suddenly while working with Firefox if I happen to drag the vertical scroll bar, a very abnormal behavior occurs. My screen dances up and down for a short time before either going black or getting restored but with no clicks working. The only way to resume is to force a restart of the system.
Any help would be deeply appreciated.
Thanks and Regards
DeepakThat didn't work. On trying to install a new driver I got the error the graphics driver could not find compatible graphics hardware. Is there anything else that can be done to at least prevent the hanging of the computer even if it means less features from Firefox being available?
-
The scroll bar (the one used to scroll up and down any kind of website), that is normally in the right part of the firefox browser, would be of much help to me if it could sometimes be moved to the left part of the browser. Is this possible? How can it be done? Can anybody tell me the exact steps to take in order to do this (if it is possible of course)? This would be helpfull to me, since I think that the firefox scroll bar is overlaping the scroll part of the facebook chat sidebar, since I just can see a few people on this facebook chat sidebar and I can´t scroll along it, as I could a while ago. So my guess is that the firefox scroll bar is covering the other. In order to solve it in a simpler way, I guessed that if the firefox scroll bar could be moved to the left side of the browser, this problem could be solved. So, can anybody help me?
http://kb.mozillazine.org/layout.scrollbar.side
Type '''about:config''' in Location (address) bar
filter for '''layout.scrollbar.side'''
Right-click the Preference and Modify it to '''3'''
You may need to reload any pages open to have scrollbar move to left after Preference change. -
Help with code for inserting horizontal scroll bar in photo gallery in Business Catalyst site?
Hi,
I am using Business Catalyst and Dreamweaver to create a trial site.
I am not sure if this is the correct forum to post this request but anyway I have inserted a photo gallery module at the bottom of the sidebar in the homepage of my test site.
Can anyone advise on whether jquery or any other code can be inserted into the page or module code that will replace the "next" hyperlink below the first 4 photos with a horizontal scroll bar at bottom of the gallery so users can just scroll through all 12 images ?
Kind Regards, Matt.
http://craftime-bs6.businesscatalyst.com/Alyssa,
Have you tried putting this rule back as it was originally:
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto; /*was 9px*/
color: #EF9CCF;
background-color: #FFF;
That is, changing your 9px back to auto.
And giving us a link (as you did) is much better than printing out the code for us! Thanks!
Beth
Maybe you are looking for
-
How can I know the size of a JViewport laid out in BorderLayout.CENTER?
I have a JPanel inside a JScrollPane. The scroll pane is laid out inside of BorderLayout.CENTER. I need to know the size of the JViewport to do stuff like centering and zooming. Where can I find the size? All these methods return 0 values for X and Y
-
Hi, We have imported a schema from 9i user ABC to 10g user ABC using traditonal EXP utility from SYSTEM. There were few jobs in ABC users that have also been imported to the new database. Now these jobs are actually under ABC user, but they show LOG
-
How to define maximum field width on an updatable report
I have an updatable report. From a user's perspective, this is a form in my app. How can I define the maximum number of characters the user can enter into a field? I tried entering the following into the report column's element attributes, but none o
-
Hi, I'm trying to upload photos from a USB into icloud so I can see them in my ipad, the problem is, I cannot see the "photos" icon on my icloud account in my PC, so I cannot upload anything. Please help!
-
RMI: Is it the right choice?
I want to make an application that connects to 1 other peer. So I'd run the application and if I type in the IP of someone else running the same application, we can connect to each other and do stuff like chatting. Is RMI the right choice to make thi