No vertical scroll in div

On the website I am doing I have 2 div's which should scroll
ALWAYS untill the bottom and ONLY vertically.
I did overflow: scroll; height: 100%; In Firefox/Mac it does
no horizontal scroll, but in IE/PC it does !?
Also , on both the scroll goes further than the bottom.
Look at
http://www.refunc.nl/refunc/
to see what I mean..
Thanks for any tips!

answered - not enough files within the stack grid view to make the scroll bar appear.

Similar Messages

How can I create a vertical scroll for text in a 'div' in CSS Dreamweaver?

Hi there,
I need to flow a lot of text into a CSS div. However, I don't want a big long page as it will look ugly and be inconsistent with the other pages in the site.
I need to be able to put in a vertical scroll directly in the div containing the text (not on the whole page) so the user can scroll the text down without moving down the whole page.
Is there a way for me to do this?
I'm a beginner to CSS so a step by step for dummies approach would be most helpful.
Thanks in advance for any help!

use the overflow:scroll property:
http://www.w3schools.com/Css/pr_pos_overflow.asp

Focus vertical scroll bar in report div

Hi everyone,
I just want to know if the issue has been resolved by someone :
I have a report within a div and a vertical scrolling bar to scroll the rows. When I click on a row of the report the row is highlighted. Now, if the clicked row is at the end of the report, the scrolling bar goes up, and the user has to scroll down to see the selected row. So how to focus this scrolling bar once the user clicks on the row ?
I guess I have to compute the id of the selected row times the row height and send this value to the css parameter of the scroll bar (but AFAIK there's no such parameter in css for positioning a scroll bar) ... Someone has came up with a solution ?
Best regards,
Othman.

Thanks a lot Andy,
I didnt' know about the scrollTop attribute. So for those how are interested : Each time I click on a row, I store the scrollTop position in a Hidden field. On each body onload, I call a javascript function to position the scroll bar of the div like this :
getElementById.("mydiv").scollTop = html_GetElement('P1_SCROLL_ID').value;
Regards,
Othman

Is there a way to vertically scroll records in an interactive report

Hi, I have an interactive report which returns over 100,000 records. Currently, to move through these records one must press the pagination icon (x - y of z records).
Is there a way to have a vertical scroll bar?
this used to be accomplished in SQL reports with <div style="overflow: auto; height: 500px;width: 1000px;"> set in the header and pagination turned off.
thanks, Karen
Edited by: KarenH on Apr 14, 2011 1:23 PM

just to clarify, I am able to add the region header of *' div style=overflow: auto; height: 400px;* to a regular SQL report to have it scroll...but just unable to do so for an interactive reportl. thanks again.
Edited by: KarenH on Apr 25, 2011 1:42 PM
Edited by: KarenH on Apr 25, 2011 1:43 PM

How to fix double vertical scroll bar in responsive output

After implementing the solution provided for the question 'Responsive HTML5 Output: How to auto adjust the screen resolution for all devices?', the function bar in output does not appear and also another vertical scroll bar in the output. I edited the max-width value in the layoutfix.min.css file and fixed the function bar issue. How can I do away with the additional vertical scroll bar?

I've looked into the issue.
@Delennish: In your case, the size of the iframe is too large, or you have an extra empty element below the iframe. You can try 2 things:
1. Best solution but may have side effects: In the main.css, add the following code:
div.contentholder { overflow: hidden !important;}
For this option, please check for undesired side effects.
2. Works, but is ugly: In the main.css, add the following code:
div.floatholder iframe.wTopic { height: 95% !important;}
Try playing with the height setting until the 2nd scrollbar disappears.
@CarolW: The layout you're using is very old. I've made a new responsive layout with TOC only. Please use that one instead: http://www.wvanweelden.eu/sites/default/files/attachments/Theme1_Standard_TOC_Only.zip (I'll update my site with this new version later.)

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

Vertical Scroller in ADF table

hi,
Can anyone tell me how to add vertical scroller/scrollbar for ADF table?
Thanks,
Senthil

Thanks for your replies.
(i) i tried setting scrollbar for IFrame, the scrollbar didn't appear. and in addition to that, the af:table doesn't come inside the frame. the frame comes separately below the actual table
my jsp code :
<afh:body >
<h:form>
<f:verbatim>
<iframe scrolling="yes">
<af:table>
</af:table>
</iframe>
</f:verbatim>
</h:form>
</afh:body>
(ii) With div tag, is it possible to get the vertical scroller alone. i am trying to get rid of the horizontal scrollbar. am exploring the options.

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">

Hors d'Oeuvres 
Soupe........... Soupe
a l'oignon
gratinée............................................
$6.75 
Onion soup 
Soupe du Jour ..........................
$5.25 
Soup of the day 
Les entrées
froides........... 
Huîtres du
Jour.....................La Pièce $1.85 

Oysters (served with Champagne shallot
vinegar) 
Salade et fromage, vinaigrette à la moutarde de
Dijon........ $6.00 
Mixed salad with feta cheese, Dijon mustard
vinaigrette 
Salad frisée aux lardons et oeuf poché..........
$7.95 
Frisée salad with bacon and poached egg, sherry
vinaigrette 
Salade de crabes, concombre et betterave, sauce
aïoli......$8.50 
Crab salad with golden beet and cumcumber, aioli
sauce 
Foie gras cuit au torchon et
toast........$14.50 
Les entrées chaudes...... 
Moules Marinières................$9.00 
Steamed Mussels Marinieres, White Wine and garlic (Side
French fries $2.50) 
Poêle de ris de veau et épinards, jus au
romarin..........$9.50 
Sautéed sweetbread with spinach, rosemary
jus 
Escargots de Bourgogne au beurre d'ail et
persil..............$7.50 
Escargots from Burgundy in garlic parsley butter (plate
6) 
Les Plats 
Légumes........ 
L'assiette végétarienne du Chef...............
$14.90 
Chef Vegetarian 
Red beet raviolis wih parmesan cheese and seasonal
vegetables, mushroom jus 
Poisson 
Pave de saumon, purée de pommes de terre et
épinards, sauce homard et vin blanc...... $16.50 
Steamed salmon with mashed potatoes, spinach and mussels,
white wine with lobster sauce 
Filet de bar meunière, poireaux caramélisés,
sauce grenobloise.....$16.75 
Sauteed bass served with caramelized leeks, Grenobloise
sauce 
Tronçon d'espadon legumes de saison couscous, safran
orange sauce.... $17.95 
Sauteed swordfish with couscous and spring vegetables, orange
and saffron sauce 
Viandes et volailles...... 
Boeuf Bourguignon et purée de pommes de
terre..........$16.25 
Beef Bourguignon sered with mashed
potatoes 
Suprême de poulet, ragoût de macaronis poireaux et
chanpignons, sauce orange... $15.50 
Roasted chicken breast, leek mushrooms macaroni ragout orange
sauce 
Lapin façon Normande............$17.25 
Rabbit Normandy served with Peruvian mashed
potatoes 
Le Cassoulet toulousain Maison...........$21.00 
Home Made Cassoulet with beans (Duck leg Confit, port,
Toulouse sausage) 
Jarret d'agneau braise 6 heures, blettes jus d'agneau et
romarin.....$23 
Lamb shank braised for six hours served with swiss chard,
rosemary lamb jus 
New York steak, french fries, shallot red wine
butter 

</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

Possible to have vertical scroll bar for a cell in ALV Grid (using methods)

Hi All,
I have a field with length 100 characters on a ALV Grid (using methods)..User doesn't want to scroll all the 100 characters horizontally to see the whole text rather he wants to have a vertical scroll bar for the cell so that he can scroll vertically.
Is it possible to have split the cell text into lines and have a vertical scroll bar for a cell in ALV Grid?
Regards
Jaker.

Thanks for the suggestion Balu.I tried this , but while scrolling,headers also getting scrolled.
Becoz of this , if i scroll down to the last row,headers are getting hidden.
Headers should always be static.only the data should scroll.
Since h:datatable is being rendered as one table , i can div tag for this table alone.
If i have seperate datatable for headers alone i can do this .But i should not use two datatables.

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

Left Vertical scroll bar

Hi Everyone,
Can any one help me, how to add a left vertical scroll bar to left hand side of the page region. i know how to add vertical scroll bar for the report region to right hand side, but i would like to know how can i add vertical scroll bar to page region and that too left hand side of the page region.
Thanks
Gowthami

Maybe try to implement your own scrollbar.
Or simply use CSS property direction.
You may need to use an other container to reset the direction, else your text will be written from right to left :
<div id="container1">
 <div id="container2">
 your content
 </div>
</div>
#container1 {
 direction:rtl;
 overflow-y:auto;
#container2 {
 direction:ltr;
 text-align:left;
}But I think it is not cross browser, you have to check!

Reportviewer Control vertical scroll bars

Hi,
I am using report viewer control to display reportins in a web application. For some reason I am not able to get the vertical scroll bars to show up. As a result the lower portion of the report is getting hidden. This was working in VS 2005 but it breaks in VS 2008. I tried some combinations of Size to Report Content, Asynch Rendering etc., but have not found any combination that works. Can anybody please help?
Thank you

I can't repro this. If the report doesn't fit the control height, ReportViewer shows vertical scrollbars. In my case, ReportViewer is configured as follows:
Code Snippet
<div style="padding-top:10px">
<rsweb:ReportViewer ID="reportViewer" runat="server" Visible="True"
Width="100%" Height="100%"
ondrillthrough="reportViewer_Drillthrough" BorderStyle="Inset"
BorderColor="Silver" BorderWidth="1pt"
ExportContentDisposition="AlwaysInline" AsyncRendering="True">
</rsweb:ReportViewer>
</div>

Vertical Scroller Magic

Was wondering if anyone has used the Vertical Scroller Magic
from Project7.
I'm having a hard time making the scrolling area taller then
what is currently set. I've tried changing the height in a few
places and setting the height in the outer most div, but still no
luck. Any suggestions on how i can make it taller?
Thanks
KG

The height is simply set in the Vertical Scroller Magic
interface and can be
changed at any time. From page 16 of the user guide (also
accessible by
clicking the Help button in the user interface)
"SCROLLER BOX HEIGHT OPTION
This determines the height of the scroller view port in
pixels. You must
enter a number greater than zero. If you are using a style
theme that
includes a complete set of scroll bar controls such as Chili,
Goldleaf,
Carbon, or Aero, be sure that you set the Scroller Box Height
to be higher
than the total height of the Up, Down, Play/Pause, and drag
bar control
buttons.
Note: While the height of the view port is set in the
interface, the width
of the scroller will always be the width of the page element
into which you
insert it. Be sure that this page element has sufficient
width to display
the scroller."
Note that we provide free support via email, newsgroup, and
telephone as
outlined in your User Guide, as well as on our main support
page:
http://www.projectseven.com/support/index.htm
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"KG800" <[email protected]> wrote in message
news:fmg53t$rsn$[email protected]..
> Was wondering if anyone has used the Vertical Scroller
Magic from
> Project7.
> I'm having a hard time making the scrolling area taller
then what is
> currently
> set. I've tried changing the height in a few places and
setting the height
> in
> the outer most div, but still no luck. Any suggestions
on how i can make
> it
> taller?
>
> Thanks
> KG
>

Vertical scroll bar in a tree node

Hi Friends,
I am trying to create a tree in Apex 4.0. I need a vertical scroll bar in my tree nodes if the no: of values is greater than 8. For example i am having a tree with customers and sites. When i press the customers it will list the sites under that customer. I need a vertical scroll bar to be displayed for sites if the no: of sites is greater than 8, so that i can limit the size of the tree. Is there any ways to achieve this in Apex 4.0. Any input for this will be appreciated.
Thanks,
Nav

Hi,
My test page was upgraded to version 4 along with the rest of the OTN workspaces. I still have access to the tree template but can not guarantee how long that will last as I have no idea behind the reasoning for removing access to new tree's templates. You can access existing old trees by changing the app:page in the URL to 4000:28 - but, note, that new Apex 4 trees are not included on this page as they are generated by widgets not by templates.
For my old tree, to add the scrolling around the entire tree, I edited the tree's template - by clicking on the Tree link in the region - and added the following at the top of the "Before Tree" setting:
<div style="height:200px; width:300px; overflow-y:auto;">and add the following to the bottom of the "After Tree" setting:
</div>I have not, as yet, been able to find a way of adding scrollbars within a list when there are more than x number of entries.
Andy

Looking for a cool automatic vertical scrolling "window"

Hello All
I am looking for a cool automatic vertical scrolling text script. The idea here is that I want to display shipping info - orders that have come in- in the warehouse for the shipping guys to see. Right now we are displaying an excel spreadsheet but it has limited room on it. So, I would like to get a webpage up there scrolling the latest shipping info. The problem that I have run into is that the scripts I have found make it difficult to style or add any more divs etc. Does anyone have a great idea or a great script site? I have been to Dynamic Drive - etc. but still... :-)
any help is appreciated
Rob

doing spry data instead

No vertical scroll in div

Similar Messages

Maybe you are looking for