Unwanted scrollbar in IE7

I have a site which is days from launching in which I have
encountered a problem.
The home page of this site contains a scrollbar on one of the
css containers only when viewed in IE7. This project was started in
GoLive CS2 and then migrated to Dreamweaver 8 which is what the
Community college it is for uses. In GoLive this did not happen but
some small changes (mostly the width of the dropdown menu) have
been made in Dreamweaver. I'm sure the problem is in the CSS coding
but I cannot find it and am not competent enough in coding to
experiment since everything else is working well. The problem does
not show up in IE6, Firefox, Opera or Netscape.
Here is the url:
http://www.sunyjcc.edu/college-wide/careerpath/index.html
Any help would be greatly appreciated.
-- Cathy Kimball, 2ndLook Graphic Design

I could really use some help with this.
Is there anyone who recognizes this problem?

Similar Messages

Disable unwanted scrollbars from iview

Hi,
I need to get rid of scrollbars from iviews that I have added to my portal page. I have now 4 iviews in my page.
I referred to this thread : How to remove an unneeded scroll bar from an iView?
Changed the Isolation mode from URL to "Embedded" - but somehow the iview doesnt seem to come up on my page.
I have set the Height type as "fixed" and have disabled the tray features.
Please let me know what I am missing out.
-Ashwini.

Hi Ashwini,
How about trying to remove the "Show Tray" and "Show Object Name in Tray".
They can be found in the Property Category - "Appearance- Tray".
Do the above if you do not need the name of the iview to be shown and that you do not require users to do activities (like refresh, details..) on the iviews.
I had the same problem on my News iview where I have 2x scrollbar. They are resolved via the above approach.
Hope that helps for your situation.
Ray

Unwanted scrollbar on high resolutions

There is a docking container on the top of the screen, splitter in it, and then cl_gui_textedit in the upper part of the splitter. Depending on the length of text, we need to display, we set high of docking container and splitter's parts. So in 1024768 resolution of monitor it works fine, but in 1440900 unexpected horizontal scrollbar appears (the text in textedit is displayed correctly, I mean scrollbar isn't needed). How can we solve this?
The way, we create our objects:
CREATE OBJECT ao_docking_container_stat
    EXPORTING
      side = cl_gui_docking_container=>dock_at_top
      metric = cl_gui_docking_container=>metric_pixel
      extension = 65 " any extention, no matter
      dynnr = /abat/mcrm_co=>ac_main_screen
      repid = /abat/mcrm_co=>ac_main_prog.
CREATE OBJECT ao_editor
    EXPORTING
      WORDWRAP_MODE     = CL_GUI_TEXTEDIT=>WORDWRAP_AT_WINDOWBORDER
      WORDWRAP_TO_LINEBREAK_MODE = CL_GUI_TEXTEDIT=>TRUE
      parent = ao_sub_container.   "ao_split_container.
CHECK sy-subrc = 0.

I could really use some help with this.
Is there anyone who recognizes this problem?

Unwanted scrollbars

Not sure where the best place for this is. I posted it in the flash player forum, but nobody is biting and the problem is driving me mad. Anyway, I'll be glad to delete it from there (if I can?) and keep it here, if that's ok.
Any suggestions on this problem?
Hi there.
So I have a flash intro, which shows as I want it to in Firefox and Opera...as the flash player in the center of the screen. However, in internet explorer, it shows up with ugly scrollbars (not the browser scrollbars...scrollbars within the embedded object region). How do I get rid of these without messing up appearance in the other browsers. For reference, I am using Yahoo Site Builder, which I know is a big no no, but it's where my ability is at right now. Below is the code. I am sure it is messy, but please let me know if there any major problems with it and how to fix this. Thanks.
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="refresh" content="32;url=http://mywebsite.org/main.html">
<title>mywebsitel</title>
</head>
<body bgcolor="#000000" align="center" MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" SCROLL="NO">




<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8, 0,0,0" width="1100" height="800" id="myflashmovie" align="center">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="myflashmovie.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="myflashmovie.swf" quality="high" bgcolor="#000000" width="1100" height="800" name="myflashmovie" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></center>
</body>
</html>

<div id="mainbox">
<div id="maincontent"> text .....
<iframe name="docFrame" id="docFrame" width="100%"
height="100%" frameborder="0" scrolling="auto"
style="overflow:auto" src="
http://idx.themls.com/mikerobinson/idx.cfm"></iframe>
Your iframe
http://idx.themls.com/MIKEROBINSON/includes/search.cfm
<body onload="goSetHeight();">
<div align="center">
<table width="500" cellpadding="0" cellspacing="0"
border="0">
The div mainbox has a width of 488px while the iframe has a
table with width 500px so your content is getting cut off on the
right (you didn't ask this. Just bringing it to your notice)
In the main page where you have the iframe properties, if I
put height="650px" instead of height="100%" that removes the
vertical scroll bar in IE. Its still there in FF.
Something amiss with your js function goSetHeight().
If I take that off from <body onload...> in your iframe
, the vertical scroll bar isn't there in both IE and FF
You still have a horizontal scroll bar in FF because of the
width conflict I told earlier.
I've never used iframes, just using basic stuff to be
helpful.
Also learning to stay away from these

Ie scrollbar issue

my internet explorer (mac) gives me unwanted scrollbars on my
flash movie.
i read this:
http://blog.deconcept.com/2005/01/
and tried the script at the end. basically in the style tag...
html, body, div {
height: 100%;
overflow: hidden;
this solves the scrollbar issue but my movie doesnt show up,
screen is just black! (my background colour). it's fine in
safari/firefox
is there a better way of removing the scrollbars???
cheers in advance.

Hi,
remove the overflow rules from the html element. The should be only applied to the document.body.
these are the interoperative idioms to calculate the width and height of a viewport in a framed window.
function getAvailHeight(){
if(document.body && document.body.offsetHeight){return document.body.offsetHeight;}
if(window.innerHeight){return window.innerHeight;}
if(document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetHeight){return document.documentElement.offsetHeight;}
function getAvailWidth(){
if(document.body && document.body.offsetWidth){return document.body.offsetWidth;}
if(window.innerWidth){return window.innerWidth;}
if(document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetWidth){return document.documentElement.offsetWidth;}
Regards.
to avoid confusion please include a link to your website or mashup with your questions.
Rob^_^

[Bug] TP4: Geometry Management / Layout Issue

The geometry management for streched layouts does not appear to consider the width of the verticle scrollbar when determining the horizontal width.
Check out the following example. There is a inputText with 200 rows to force scrolling. This should result in a verticle scrollbar only, but in IE7 you get both a horizontal and verticle scrollbar. I could bandage this with css, but would prefer not to.
<?xml version='1.0' encoding='utf-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
version="2.0">
<jsp:directive.page contentType="text/html;charset=utf-8"/>
<f:view>
<af:document id="test_id" title="test" maximized="true">
<af:form>
<af:panelStretchLayout id="PSL" styleClass="AFVisualRoot">
<f:facet name="bottom">
<af:panelGroupLayout inlineStyle="background-color:purple">
</af:panelGroupLayout>
</f:facet>
<f:facet name="start">
<af:panelGroupLayout inlineStyle="background-color:blue">
</af:panelGroupLayout>
</f:facet>
<f:facet name="end">
<af:panelGroupLayout inlineStyle="background-color:green">
</af:panelGroupLayout>
</f:facet>
<f:facet name="top">
<af:panelGroupLayout inlineStyle="background-color:orange">
</af:panelGroupLayout>
</f:facet>
<f:facet name="center">
<af:panelGroupLayout layout="scroll">
<af:showDetailHeader id="personDetailSDH" text="A showDetailHeader" disclosed="true">
<f:facet name="toolbar">
<af:panelGroupLayout layout="horizontal">
<af:outputText value="Behind scrollbar in IE7..."/>
</af:panelGroupLayout>
</f:facet>
<af:panelGroupLayout layout="scroll">
<af:panelFormLayout labelWidth="150" fieldWidth="200" rows="1" maxColumns="2">
<af:inputText label="Large Text Field:" rows="200" value="This is just a inputText with 200 rows to force scrolling. This should result in a verticle scrollbar only, but in IE7 you get both a horizontal and verticle scrollbar. The geometry management does not appear to consider the width of the verticle scrollbar when determining the horizontal width for streched layouts."/>
</af:panelFormLayout>
</af:panelGroupLayout>
</af:showDetailHeader>
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
</af:form>
</af:document>
</f:view>
</jsp:root>

Thanks.
Looks like a IE bug. I filed a bug because this reproduces in a later build as well
Frank

Business Objects and Internet Explorer 9

What patches are required to run Internet Explorer 9 with Business Objcets? I upgraded to test the compatibility and am receiving a lot of errors when I try to open a WEBI.
Thanks

XI 4 SP4 either has compatiblity problems with ie 4.
We have unwanted scrollbars around input boxes which we do not see on ie 8..
This makes reports unusable.
Does anybody has comments?

Fixed Background for Website

Hi,
I'm currently making a website which need a fixed background, sort of like a patterned wallpaper. I need it to extend to any maximum adjustment of window browser. The background has gradient colors in it, so I can't make it repeatable. Can anyone help?
I'm using Adobe Flash CS3, a newbie in web design and have really tried exploring but I can't seem to find the right script for it.
Everytime I tried adjusting the window (I set it to 1024x768), it ended up to have white borders around.
I created the file in an actionscript 2.0. Am I doing things wrongly?
Please help..
example of same webpage background concept:
www.bambako.com (only mine created with flash)
www.merekastudio.com

that's css you put it in the head section of your html or if you have a external css file you can put it there. In case you dont know about css and don't have a css script in your html the entire script would look like this.
<style>
body {margin:0; padding:0; overflow:auto;}
</style>
the overflow auto has nothing to do with the gutter but will elininate a vertical scrollbar in IE7 and maybe other versions of IE.

Event.DEACTIVATE + IE7 scrollbar bug?

clicking IE7's scrollbar seems to call anything in Flash
that's listening for Event.DEACTIVATE.
Or is that what the DEACTIVATE event is for?

I'm not seeing anything jump out at me. What version of Android are you using? Is there anything special/different about the links? I'd go ahead and open a new bug report on this over at bugbase.adobe.com. When adding the bug, please include some sample code or an application so we can quickly test this out internally. If you'd like to keep this private, feel free to email the attachment to me directly ([email protected]).
Once added, please post back with the URL so that others affected can add their comments and votes.

Request assistance - unwanted embedded scrollbars

Hi there.
So I have a flash intro, which shows as I want it to in Firefox and Opera...as the flash player in the center of the screen. However, in internet explorer, it shows up with ugly scrollbars (not the browser scrollbars...scrollbars within the embedded object region). How do I get rid of these without messing up appearance in the other browsers. For reference, I am using Yahoo Site Builder, which I know is a big no no, but it's where my ability is at right now. Below is the code. I am sure it is messy, but please let me know if there any major problems with it and how to fix this. Thanks.
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="refresh" content="32;url=http://mywebsite.org/main.html">
<title>mywebsitel</title>
</head>
<body bgcolor="#000000" align="center" MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" SCROLL="NO">




<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1100" height="800" id="myflashmovie" align="center">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="myflashmovie.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="myflashmovie.swf" quality="high" bgcolor="#000000" width="1100" height="800" name="myflashmovie" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></center>
</body>
</html>

While re-usable, classes simply don't carry as much weight as IDs. I realize there is some controversy over the class vs ID thing lately. But I still prefer IDs when it's feasible to use them.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
/**default text links**/
a {text-decoration:none}
a:link {color: orange}
a:visited {color: #999}
a:hover,
a:active,
a:focus {color: green}
#close {
font-weight:bold;
border: 1px solid #a1a1a1;
border-radius: 10px;
background: #AED7FF;
margin-left: 300px;
padding: 1px 5px;
font-size: 10px;
#close a:link,
#close a:visited,
#close a:hover,
#close a:active,
#close a:focus {color: #000;}
</style>
</head>
<body>
<p><a href="#">normal text link</a></p>
<button id="close">Some button text</button>
</body>
</html>
Nancy O.

Spry with unwanted white bkg in IE7,8

Hi,
I've been using Spry horizontal menus for a while, and the verticals occassionally. This is the first time I've experienced this problem wiith an unwanted white bkg (on a black site) for a vertical menu in IE 7 & 8.(It' s fine in FF3 and Safari) I've noticed the FFF "hack" for IE at the bottom of the CSS and played with it by changing it to black, deleting it, etc. Nothing works. This is a site under construction at:
www.eagleeyes-apollogold.com/b2b/magellan.html
for one instance of the problem. I'm also attaching the Vertical CSS. I've seen a lot of entries on google but no solutions. Could you please help me here?
Thanks in advance,
Ron Finley
Los Angeles
[email protected]
PS this is the version of Spry that shipped with DW CS3

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
     ul.MenuBarVertical li.MenuBarItemIE
          display: inline;
          f\loat: left;
          background: #FFF;
background #ffff
Thats the only thing white in your stylesheet. So if that doesn't help its controlled from a stylesheet other than Spry provides.

Probleme with an unwanted horizontal scrollbar

Hi
Link of reference : http://www.episodesoft.com/demo/index_fr.html
I'm having a little difficulty with the horizontal scrollbar, i dont want it to appear since the website is designed for 1024x768 up to 2000, so obviously everything is adjusting itself depending of your viewscreen, So does the flash ( the menu and header ).
However it is the flash that cause the scrolling on the right but not on the left ??? the browser automatiquely adjust the left portion of the flash and is not creating a scrollbar for that, however i cannot find a way so it manage the right portion the same way it do the right one.
It is weird because before the header was not in flash but still 2000px and i didn't have that probleme with the CSS.
For the flash there is no CSS but here is the code. Feel free to view the source of the webpage itself
Any idea ?
Thanks a lot !
<div id="layer1" style="position:absolute; top:-10px; left:50%; margin-left:-1000px; width:2000px; height:580px; z-index:2">
<table width="950" border="0" align="center" >
<tr>
    <td align="center" valign="middle">
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="2000" height="580">
      <param name="movie" value="Video/Menu.swf" />
      <param name="wmode" value="transparent">
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <param name="embed" value="wmode="transparent"" />
      <param name="selectable" value="false" />
      <param name="border" value="0" />
      <param name="embed" value="border="0"" />
     <object type="application/x-shockwave-flash" data="Video/Menu.swf" width="2000" height="580">
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <param name="embed" value="wmode="transparent"" />
        <param name="selectable" value="false" />
        <param name="border" value="0" />
        <param name="embed" value="border="0"" />
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
      </object>
      </object>
    </td>
</tr>
</table>
</div>

Herm oook.
I just tryed to remove the margin-left:-1000px; however when i do that, the flash start in center of the viewscreen or will no longer auto center itself.
The flash is in his own div and that div is above another div ( the content ).... so as long i put a background color in this one, it will cover all the website or the right side if i make one going from transparent to 100% on the right.
Here is the whole code to help you
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Logiciel Épisode</title>
<style type="text/css">
#bottom {
background-repeat:no-repeat;
background-position: bottom;
background-image: url(images/barre_bottom.png);
height: 5px;
#headinner {
background-position: center top;
margin-top: 0px;
margin-bottom: 0px;
background-color: #F5F6F7;
background-repeat: no-repeat;
height: 95px;
background-image: url(images/HeaderFR.png);
body {
background-color: #ffffff;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
background-image: url(images/fond.png);
text-align: center;
background-position: bottom;
background-repeat: no-repeat;
#Copyright {
text-align: center;
margin-bottom: 1px;
margin-top: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
#layer2 #Layer2 tr td p {
text-align: center;
font-size: 36px;
margin-top: 100px;
;
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>

<div id="layer1" style="position:absolute; top:-10px; margin-left:-1000px; left:50%; width:2000x; height:580px; z-index:2">
<table width="950" border="0" align="center" >
<tr>
    <td align="center" valign="middle">
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="2000" height="580">
      <param name="movie" value="Video/Menu.swf" />
      <param name="wmode" value="transparent">
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <param name="embed" value="wmode="transparent"" />
      <param name="selectable" value="false" />
      <param name="border" value="0" />
      <param name="embed" value="border="0"" />
     <object type="application/x-shockwave-flash" data="Video/Menu.swf" width="2000" height="580">
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <param name="embed" value="wmode="transparent"" />
        <param name="selectable" value="false" />
        <param name="border" value="0" />
        <param name="embed" value="border="0"" />
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
      </object>
      </object>
    </td>
</tr>
</table>
</div>
<div id="layer2" style="margin-top:100px" >
<table border="0" align="center" id="Layer2" name="Layer2">
<tr>
    <td background="images/accueil_fond.png" width="1035" height="485" aling="right" ><img src="images/accueil2_4.png" width="950" height="485" align="left" valign="middle"/></a></td>
    </tr>
</table>
</div>
<div id="bottom">
</div>
<p id="Copyright">© 2010 - Logiciel Episode Inc.</p>
<table width="10" border="0" align="center">
<tr>
    <td align="center" valign="middle"><a href="index_us.html" target="_self">English</a></td>
    <td align="center" valign="middle"><a href="index_fr.html" target="_self">Francais</a></td>
 </tr>
</table>
<script type="text/javascript">

</script>
</body>
</html>

Adobe edge animation shows unwanted vertical scrollbar in firefox only

anybody have any idea how to lose a vertical scrollbar on a site where i built a responsive adobe edge animation. on all the other browsers the overflow: hidden works perfectly. only in firefox do i get a scrollbar showing up. little help please. the website is http://www.drotardesign.com/dd/about.html
d

got it - this is how you get rid of it, and thank you Moses for your kind words. Corel was right, these are the attributes that fix it. You need to load it as an iframe
just so you know, the only way to get rid of the scroller in Firefox is to load the RESPONSIVE ADOBE EDGE ANIMATION as an iFrame with these attributes:
<div class="center1">
<div class="center1Edge">
<IFRAME src="http://www.drotardesign.com/dd/animations/edgeAbout/edgeTop.html" width="100%" height="100%" scrolling="no" frameborder="no"></IFRAME>
</div>
</div> 
your css will be this:
/*EDGE ANIMATION*/
.center1 {
display: block;
width: 25%;
overflow:hidden;
height:400px;
padding-bottom:0%;
.center1Edge {
width: 100%;
height: 100%;
/*left: 0px;*/
}

Can't remove unwanted vertical scrollbar from JSP

I can't remove an unnecessary vertical scrollbar from my JSP when the "<DIV>" on the screen is wider than the screen(i.e a horizontal scrollbar is necessary).It does'nt matter how much info is removed from the page the vertical scrollbar remains as long as the "<DIV>" is wider than the screen.Has anyone else experienced this problem before?.

The data displayed is all necessary for the functionality of the screen (i.e different calculations and figures being checked, similiar usage as an excel spreadsheet online).So it is necessary to have a horizontal scrollbar but I do not want a vertical scrollbar as it does'nt provide any functionality as the page fits perfectly into the screen height wise.

Spry Accordion 1.6.1 gains vert & hztl scrollbars in content area.

I've scratched my scalp raw. This page works fine in both Firefox and Chrome, but picks up vertical and horizontal scrollbars in the content area once open. Is this a known bug, or does it have something to do with the fact that I'm also using a Spry tabs inside the accordion content area? I'm using Spry 1.6.1 and Googling the issue turned up a few other people with the same problem. I've fiddled with the CSS overflow and height properties of the .AccordionPanelContent class, but to no avail. Please help!

I'm sorry, I did not complete the sentence correctly. The scrollbars appear in IE7. They're fine in Firefox, Chrome and IE8. Should I post html file and dependencies?

Unwanted scrollbar in IE7

Similar Messages

Maybe you are looking for