Page shift due to vertical scroll bar issue

I'm working through a vertical scroll bar issue in my design, using a ProjectSeven CSS page template. When testing the site in my browsers (FF/Safari/IE/Opera), and IF the scroll bar is not present, the entire page shifts to the left (the width of the scroll bar) when I click a link in the left column of my design. The page does not shift when the vertical scroll bar is present. Support at P7 suggested the following fix:
html, body {
height: 100.1%;
margin: 0 0 1px;
I've tried placing this markup in about ten different places but can't seem to find the right location in the code. Is it possible for someone in the forum to take a look at my page source and show me where/how to locate this fix?
See my test site at:
http://www.murcal.com/test_curvi_2.html
Thanks . . . .

PZ,
I'd like to place the fix where you've suggested, but that's the whole issue.
I simply don't know where my CSS ends (duh). Is it possible that you show me exactly where?
Hopefully this is the right section of my code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PVII Curvitude</title>
<link href="p7curvitude/p7CRVboxes982_2col.css" rel="stylesheet" type="text/css" />
<link href="p7curvitude/p7CRV08.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="p7pmm/p7PMMscripts.js"></script>
<link href="p7apm/p7APM10.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="p7apm/p7APMscripts.js"></script>
<link href="p7pmm/p7PMMh04.css" rel="stylesheet" type="text/css" media="all" />
<link href="p7pmm/p7PMMh07.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
I've tried placing it in about ten different places, but I'm wrong everytime.
Obviously, I'm a beginner trying to learn. I just can't seem to place it correctly.

Similar Messages

Component on page not moving as vertical scroll bar is moved

All -
I have a mxml page that is a mx:Application. This page basically consists of a VBox
and a number of components included within that VBox. All but 1 of the components
within this VBox are built-in flex components. The one component that is not a built-in
flex component is the one that is causing me issues. The issue is happening when I run
the application, once running the vertical scroll bar appears on the right-hand side of the
page (as expected because I have quite a few items in my VBox). The problem is that as
I drag the vertical scroll bar from the top of the page to the bottom of the page, the custom
component within my VBox that I built is staying put (it's not moving with respect of the
movement of the vertical scroll bar). All of the built-in flex components that are within my
VBox are moving with respect of the movemnet of the vertical scroll bar as expected.
I appreciate any information that you can provide that will lead me in the right direction,
Thank you,
Wes

// THIS IS THE CUSTOM COMPONENT

Some new pages open without a vertical scroll bar...even tho the page is very long.

It only happens with one particular vendors website. They can't explain it. Most of their web pages work fine.
I selected an imbedded link from one page and a new browswer window opens and populates but there is no left margin vertical scroll bar. And there is lots of data below to view. CAnt get there from here.
Damon

Can you share the link to the page?
Does it make any difference if you change the zoom level, such as by holding down Ctrl and tapping the + key or the - key a couple of times?
New windows opened by a script can be customized by leaving out some elements. Presumably if they were doing that, they would know. However, just in case, you could prevent sites from removing the scrollbars from popup windows.
(1) In a new tab, type or paste '''about:config''' in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box that appears above the list, type or paste '''window_o''' and pause while the list is filtered
(3) Double-click the '''dom.disable_window_open_feature.scrollbars''' preference to switch it from false to true.
(The name of this preference is difficult to understand, but it means that Firefox will block the site from turning off scrollbars on a new window if set to true.)

Flex Tree Vertical Scroll Bar Issue

When i click on the + image of flex tree than first time the vertical scroll bar is not coming but when when i minimize it and again click on + than it appears can any one tell me what is the issue??

Hi Rob,
I have tried changing styles of those div's in which I have my dropdown's are there but it didnt work.
Below is the code for reference:
<div class="k-animation-container km-popup" style="width: 250px; height: 206px; margin- padding- padding-right: 10px; padding-bottom: 15px; display: none; "><div class="k-list-container k-popup k-group
k-reset" id="MaintenanceType-list" data-role="popup" style="height: 200px; display: none; font-family: 'Segoe UI', Verdana, Tahoma, Arial; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 244px; -webkit-transform: translateY(-206px);"><ul
unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" id="MaintenanceType_listbox" aria-live="off" style=""><li tabindex="-1" role="option" unselectable="on" class="k-item"></li><li tabindex="-1" role="option"
unselectable="on" class="k-item">AUX - Accessories belonging to EA group</li><li tabindex="-1" role="option" unselectable="on" class="k-item">ARL - Artificial Lift</li>
Regards,
Jyothi

Help with a vertical scroll bar issue with a List component

hi. i have a basic <s:list> that uses an XMLListCollection as it's data provider and a very basic itemrenderer. when a row in the list is clicked a function gets the list.selectedIndex then populates some text fields with more xml data. that all works fine.. the problem i have is that the vertical scroll bar on the list seems to be "clickable" - just like a row in the list. the scroll bar scrolls normally but when it's clicked the selectedIndex becomes -1 which is not helpful b/c the value -1 is passed to the XMLListCollection.
any ideas? cheers.

thanks but still problematic...surely the <s:List> component shouldn't return a value when the scrollbar thumb is clicked? i created a very basic list (see below) and made the list dimensions short enough so that there is a vertical scrollbar and found that when the scrollbar thumb is clicked the trace(event.currentTarget.selectedIndex) returns a number. that's annoying b/c i just want a selectedIndex value for a row that is clicked not the scrollbar.
any ideas to get around? cheers
<fx:Script>
<![CDATA[
protected function list1_clickHandler(event:MouseEvent):void
trace(event.currentTarget.selectedIndex);
]]>
</fx:Script>
<s:List x="162" click="list1_clickHandler(event)" y="276" labelField="@label" width="144" height="153">
<s:dataProvider>
<s:XMLListCollection>
<fx:XMLList xmlns="">
<node label="one"/>
<node label="two"/>
<node label="three"/>
<node label="four"/>
<node label="five"/>
<node label="six"/>
<node label="seven"/>
<node label="eight"/>
<node label="nine"/>
<node label="ten"/>
<node label="eleven"/>
</fx:XMLList>
</s:XMLListCollection>
</s:dataProvider>
</s:List>

Vertical Scroll bars in analysis - View all rows

Users want to see the whole report displayed in one page with only a vertical scroll bar. They do not want the up/down arrows. Is this possible in OBIEE?
Thanks.
Ad

To implement the solution, please do:
1. Change instanceconfig.xml file in <biee11g_install>\instances\instance1\config\OracleBIPresentationServicesComponent\coreapplication_obips1 as following
<Views>
<Pivot>

<DefaultRowsDisplayedInDelivery>75</DefaultRowsDisplayedInDelivery>

<DefaultRowsDisplayedInDownload>2500</DefaultRowsDisplayedInDownload>

<DisableAutoPreview>false</DisableAutoPreview>
<MaxVisibleColumns>5000</MaxVisibleColumns>
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
</Pivot>
<Table>

<DefaultRowsDisplayedInDelivery>75</DefaultRowsDisplayedInDelivery>

<DefaultRowsDisplayedInDownload>2500</DefaultRowsDisplayedInDownload>
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
</Table>
</Views>
3. Note the new elements added are the following to both <Pivot> and <Table>, the Pivot part controls Pivot view, and Table part controls Table View, my testing was done with Table View.
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
4. Restart Presentation Server from EM, then run your request, do excel export to verify.
Thanks...

On every website, my right vertical scroll bar is missing and all of my Toolbar bookmarks unless I minimize the window, click "view" and "full page." How do i get it back to NORMAL?

When I hit "full page" the right vertical scroll bar re-appears, but my bookmark toolbars, my bing bar, and pretty much the entire top 2 inches of my screen disappears. When all of these things are showing, the right vertical scroll bar disappears, and the entire webpage shifts to the right, so I can't see most of the right side of the page. How do I fix this?

Welcome to Safari 6 with:
. . t . . a . . b . . s . .
That are the size of tractor-trailer trucks!
There is no known way to get them smaller except when you get a lot they will "shrink-to-fit".

Vertical scroll bar on tab page.

Hello,
I have to show vertical scrollbar on my tab canvas.
I have one Content canvas on which I have 1 tab canvas with 8 tab pages.(sec1,sec2,sec3 ..sec8)
I have another tab canvas(kind of seb section for the above and each has 3 tab pages) like
Sec1 will have (sub sectiion tab canvas) which has again 3 tab pages 1.1,1.2,1.3 and soon
now on the third tab page of the sub section or second tab canvas, I need vertical scroll bar to fit number of fields which are more than the tab canvas size.
all are from the same data block
Could you please help me. i tried by creating staked canvas but no luck.
can you please let me know the procedure to be followed
Thank you in advance.

Could you please help me. i tried by creating staked canvas but no luck.What happened when you tried to use a stacked canvas?
If the items in the area you want to scroll are all in the same datablock you can set the Scrollbar properties of the block to be displayed. This will enable scrolling of the items that are within the specific block. If you items are assembled from more than block, then using a stacked canvas is a better option for enabling scrolling within an area.
Also, what is your Forms version?
Craig...

ADF vertical table scroll bar issue when many records.

Good morning!
I am using Oracle JDeveloper version 11.1.1.6.0.
I have a search form and a simple ready-only table displaying about 1 million of records.
At the top of my search form, I have navigation buttons (First, Previous, Next, Last).
So when I click for example on the Next button, my table will highlight the next corresponding row as expected.
But here is the issue. When I click the Last button, the vertical scroll bar of the table does not scroll (automatically) to the end and display to me the very last row of my table.
How can I achieve this? When I manually scroll to the last row, I would find it highlighted but I need the vertical scroll bar to react on Last and First buttons click even though I have a big number of rows.
What should I do?
Any suggestion will be very much appreciated
Life.

Hi Frank,
I have found the answer. Here it is for anyone who would ever have or meet the same issue.
In Jsf table property inspector
I binded my table to my java bean (I called it myRichTable).
I added the First and Last buttons as partial triggers of my table
In java bean
In my last() method I encluded the following line of code: myRichTable.setDisplayRow(myRichTable.DISPLAY_ROW_LAST).
And in the first(): myRichTable.setDisplayRow(myRichTable.DISPLAY_ROW_FIRST);
Thanks!

Can't get rid of vertical scroll bar for full page iviews

Hello all,
We 've got a number of areas of our portal where we are using iViews with a full page (e.g. web dynpro apps, collaboration directory). However with all of these iViews, a vertical scroll bar appears on the right hand side. This bar has hardly any "play" in it (it doesn't move very far), and it doesn't reveal anything extra.
The funny thing is, it only happens when our desktop (theme and framework) is applied. Does anyone have any idea what might affect this?
The iView tray height is set to full_page. In some cases it sits within a page, others it is added directly to the workset.
Using EP6SP14
Thanks,
Chris

Hi Christopher,
whenever a page is displayed in portal, a javascript resizes your inner page iView dynamically. The value used depends on the resolution of your browser (height) minus some pixel reserverd for your mast head, TLN and other page header iViews.
If you use a theme or masthead iView that is higher than an original one, the javascript calculates an iView height that is too high. Maybe you should try decreasing the height of your portal header.
At least, that's what I think. Maybe I'm wrong.
HTH,
Carsten

Why is there a vertical scroll bar with short page export from FW CS4?

When I view my exported page that is 400 pixels tall, I see a vertical scroll bar on the right of my IE7 browser even though the page is no where near the bottom of the browser. How do I eliminate that scroll bar?

Unfortunately this is not working in IE7. Below is my body tag (I edited the SLICES.XTT to prevent the margins) where I've added the overflow option:
body </style>
But I still see the vertical scroll bar with a 400 px image exported as html, see attachments.

Text editing window expands instead of creating vertical scroll bar

In the last few days, I have noticed that when I try to edit or post to Wordpress.com the vertical scroll bar no longer appears on the text editing box. Instead the box just gets progressively larger which makes it very difficult to get to other items on the WordPress editing screen, such as tags and categories. This problem seems to have arisen during the v31.0 auto-upgrade. Is anybody else having this issue and what steps can I take to solve it? (FYI, I tried modifying the setting described in another response about a similar issue using the about:config screen, with no success.)

I don't know whether your dashboard has the "Visual" and "Text" buttons, but I believe the Visual uses CKEditor or another WYSIWYG editor and the Text editor might be a simpler design. Are both affected?
I searched around to see whether I could find Wordpress.com support threads or other stories about it and I can't. So I'll fall back on some general suggestions:
When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
Alternately, you also can clear Firefox's cache completely using:
"3-bar" menu button (or Tools menu) > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
If you have a large hard drive, this might take a few minutes.
(2) Remove the site's cookies (save any pending work first). While viewing a page on the site:
* right-click and choose View Page Info > Security > "View Cookies"
* (menu bar) Tools menu) > Page Info > Security > "View Cookies"
In the dialog that opens, you can remove WordPress.com cookies without affecting other sites.
Then try reloading the page. Does that help?
To rule out extensions as a possible culprit, could you try the site in Firefox's Safe Mode? That's a standard diagnostic tool to deactivate extensions, some advanced features, and some custom settings. More info: [[Troubleshoot Firefox issues using Safe Mode]].
You can restart Firefox in Safe Mode using either
* "3-bar" menu button > "?" button > Restart with Add-ons Disabled
* (menu bar) Help menu > Restart with Add-ons Disabled
Note: Flash and other plugins still run
After Firefox closes, a small dialog should appear: click "Start in Safe Mode" (''not'' Reset)
Any difference?

Force vertical scroll bar

Hi all,
I would like to force a vertical scroll bar on all of my pages to keep the page from appearing to shift on some pages (pages long enough for scoll bars vs pages not long enough to need scroll bar). On my site I notice it in IE8 and FF3.
I know this has been discussed before but I am not able to find it.
Here is my code currently in my style.css concerning HTML and body elements
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
body {
color: #000;
margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
text-align: center; /* Centers the page content container in IE 5 browsers. */
background: #2D4262;
How would I accomplish this?
Thanks
Chris

Thanks for responding,
I tried both ways..I do not know CSS very well so I probably did it incorrectly.. Heres what happens when I tried both ways.
My background goes away if I add Michaels suggestion:
To see if I did it correctly here is what I had
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
margin-bottom:.01px;
min-height:100.2%;
And if I tried to add Murrays suggestion, nothing happened
To see if I did it correctly, here is what I had
html, :root { overflow-y:scroll; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;}
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
Again, I am probably not doing it correctly....
Thanks
Chris

Removing vertical scroll bar on innerpage/content area

Hi All,
I am trying to remove extra vertical scroll bar on innerpage/content area. I followed below weblog
http://www.sdn.sap.com/irj/scn/weblogs?blog=/pub/wlg/5192 ..."Those pesky scrollbars when using URL isolation"
It works if I give fixed pixels like 1000 px for inner page height.
obj = document.getElementById("isolatedWorkArea");
obj.style.height = 1000 + 'px';
But its not getting dynamic height of the content area using below code which is mentioned in the blog.
reqsize = window.frames[obj.name].document.body.scrollHeight + 100 ;
obj.style.height = reqsize + 'px';
Please advice if anybody have a solution for this.
Thanks a lot.

Hello,
First of all if you wand to remove the scroll bar you should use;
obj.style.overflow="hidden";
About dynamic height I cannot tell you if the sollution proposed on the blog is suitable for you.
Normaly you should use only:
reqsize = document.body.scrollHeight + 100 ;
In order to find out the total height of your page.
I don't understand why do you want to do all this. You will have cases when parts of the content will not be visible to the user due to these restrictions.
BR
Alex

RH7 - Viewing WebHelp in IE9 creates two vertical scroll bars

An extra frameset appears to be in the main htm page (attached) that is generated by RoboHelp. Here’s the frameset:
<frameset cols="100%,*" frameborder=no border=0>
<frame src="whnjs.htm">
<frame src="whskin_blank.htm" noresize>
</frameset>
When viewing the help in a Telerik RadHtmlPlaceholder control in Internet Explorer 9, this frameset causes our help content to appear twice. The content is stacked on top of each other, and a vertical scroll bar is added.
Manually removing this frameset resolves the issue.
Has anyone else seen this issue, and if so, are there any RH options for resolving it?

While I was using RoboHelp 7, I worked around the frameset problem by deleting the following code from the main pag in my help system, as suggested in the forum:
<frameset cols="100%,*" frameborder=no border=0>
<frame src="whnjs.htm">
<frame src="whskin_blank.htm" noresize>
</frameset>
When I did so after generating help in RoboHelp 7, I found that the extra frameset disappeared from IE9. Later I upgraded to RoboHelp 9 for an automated solution to the extra frameset in IE9. But I find that the problem persists. On WebHelp pages with more than a single screenful of text, the double frameset appears, and the content for the page one is viewing is stacked on top of the Welcome page, much as described by TechComm2 at the beginning of this thread. In IE9, with content generated in RoboHelp 9, an extra frameset appears whether I delete the abovementioned code or leave it in.
My project is used as contextual help. Our developers have placed extra security on the project so that a user cannot view the help without first logging in to the application it describes. Because of this, I am asking our developers to help me look for a solution to extra framesets. But I did want to come back to this forum with an update and ask for additional comments from you-all as well.
Thank you.
Tom

Page shift due to vertical scroll bar issue

Similar Messages

Maybe you are looking for