Horizontal scrollbar on browser?

I'm trying out the sticky footer feature with a big background image.
But if I add more content to the page a horizontal scrollbar appears inmediately on my browser. I have no clue if it's the background image or the sticky footer that is causing this.
Plz help. I have no clue of what could I be doing wrong.

Hi and thanks for helping out!
http://www.maskedrooster.com/index.html here is the site on a test domain I currently own.
I created my template using a Master page and I insert all my new content on a separate page based on that master.
And here is how the horizontal scrollbar shows up on the browser.

Similar Messages

Tabbar causes horizontal scrollbar in browser

Has anybody had this problem. I have a basic uit template file but when the page renders, the right aligned tabs are beyond my window and I have to scroll to the right to see them. Also, how can one change the default behavior of the tabs generating text links at the bottom of the page?
Thanks.
Susan

Had a bad email address on a previous account. Please ignore this reply. Consider it a repost.
Susan

Horizontal scrollbar isn't showed when using HTMLCSS format

I'm using iAS Rel 1
when creating "Right to Left" reports in HTMLCSS format with the report server , the horizontal scrollbar
isn't showed !
is there anyone can help me ?
I'mm be really thankfull

Hi Kamran,
So you are using Reports 6i. Even in Reports 6i, you should not be hitting this problem. Pl install the latest 6i patchset 15 from Metalink (patch number 3171855). However, it is also possible that this is not actually a Reports issue. Pl try to view the report output in a different browser and see if the issue reproduces.
If it reproduces, you can also try to see a report in the "left to right" direction also results in this problem.
Navneet.

Urgent solution required - Horizontal Scrollbar prblem in iframe

I came across with very weird problem in html iframe.
I have to set my iframe with WIDTH="748" and HEIGHT="460".
My code is as follows:
<html>
<head>
</head>
<body style="overflow-x: hidden;">
<div style="align:center;margin-top:10;margin-left:10;width=100%;">
<img border="0" src="/imgage/top.PNG" width="980" height="140">
</div>
<div align="right" style="width:748; height: 12;float:right;">
<br><br>
<iframe name="main" src="data.html" width="748" height="460"
marginwidth="0" marginheight="0" frameborder="0" scrolling="yes" style="overflow-x:hidden;overflow-y:auto">
</iframe>
</div>
<div align="left">
<img border="0" src="/image/side.PNG" width="209" height="524">
</div>
</body>
</html>Though I have written "overflow-x:hidden" I am able to see the Horizontal Scrollbar. I have to disable only horizontal scroll bar not vertical. Vertical Scroll Bar should remain as it is.
It looks fine in Mozilla but problem is occuring only for IE browser. I am wondering from last two days but still can't get the solution.
If anybody having any idea then please help. I would appreciate each reply.
Thanks in advance.

I think you will have more luck on this question at a javascript/html/css forum.
This forum is primarily for JSP/Java, and while basic html/css is not completely out of scope (you need some knowledge to write a jsp page) this is getting too technical on the CSS side.
Cheers,
evnafets

Css: background image that doesn't force a horizontal scrollbar

I am looking to create a small pattern (an image) that will
always align to the left and right of my content. All of my content
is situated in a 760px wide div that is centered with margin:0px
auto. My problem is that if I create another div to hold the
additional image, that any browser would probably display a
horizontal scrollbar if the image and the content together exceed
the width of the users viewport.
I thought about doing it this way, but I am not sure if this
will work... My content div is wrapped inside another div called
with class whitediv. This whitediv is 100% of the users viewport
wide. Could I assign a background image to this div, which will
center, and therefore lurk behind my content div?
Any suggestions?
Thanks, dl33

Bernd,
It worked perfectly--thank you VERY much for your help!

Horizontal Scrollbar for af:selectOneListBox

Hi
Is there a way to fix the width of af:selectOneListbox such that for list values that are longer than stipulated width, a horizontal scrollbar can also be introduced to browse these values?
I cannot pre-determine the longest item as values within af:selectOneListbox is loaded dynamically.
Thanks a lot in advance!

Hi,
you can try CSS overflow:scroll to get a scrollbar. However, the width might be easier to set using CSS and can also be computed by a managed bean property
http://www.w3schools.com/cssref/pr_pos_overflow.asp
Frank

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>

A very wide, continuous page that will feature a horizontal scrollbar

Hello, I'm trying to create a very simple portfolio website that simply features one long, horizontal page that will be wider than the browser window and therefore produce a horizontal scrollbar that can be manually scrolled. This is surely a very simple thing to achieve but I don't know how to achieve it! Do I change the page width somehow??
Any help would be much appreciated! Thanks.

that's great and what i'm looking for, but where do I insert these numbers?
As you can probably tell, Im quite unfamiliar with dreamweaver..
If you view source in your browser, you'll see how that demo page was built.
File, New, HTML page. Add some content to your page and wrap select areas around <div> tags
<div1>
some content here
</div>
<div2>
some content here
</div>
<div3>
some content here
</div>
<div4>
some content here
</div>
Then style and position each div with CSS.
HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Rich:toolBar in a JSF page:how to avoid horizontal scrollbars?

Hi,
I have a rich:toolBar. I create this toolbar from a backing bean class. I have around 19 dropdown menus in the toolbar. So when the toolbar renders, the length (i mean, width) of the toolbar exceeds the page width. This causes the browser to add a horizontal scrollbar. I do not want this scrollbar. My requirement is like this:
when the width of the toolbar is more than the screen width, the rest of the menus must be added to another DropdownMenu.This menu will be the last menu and it will contain all the menus which cant be viewed when the toolbar is rendered.
When we use overflow : hidden, it removes the scrollbar in firefox not in IE. If you are not clear about the requirement, you can see the firefox browser itself as one with the similar feature. when we open more tabs than it is able to render, the tabs which are not shown are added to a 'button' to the right of the browser window.
Please help me with your ideas.
Thanks,
Geet

the overflow : hidden worked well(actually not well, i was not able to see the menu items)on my firefox browser. but it didnt work on my IE. and my firefox version is 3.

To disable the horizontal scrollbar and to create a next button to navigate

To disable the horizontal scrollbar and to create a next button to navigate through the records. At present I create a JSF page and drag and drop my table view and then using the Tuning property I have limited the number of records to be shown. But I need to add a button and then code it to display the next few records. Can someone kindly suggest a suitable mechanism to get this accomplished.
Edited by: 888970 on Oct 2, 2011 10:15 PM

Hi Erp,
At present these are the entries that I have in my JSPX page.
I have a Table, Iterator and a Input List of Values. As per the scenario, I want a few rows to appear on the table for which I wanted to disable the horizontal scroll bar and then once I click on the list of values it must prompt me with the remaining page numbers.
Earlier there are about 150 records in the table. I want to show them as 15 per page.
For which I have added the Iterator and a LOV component code in my JSPX page.
<af:iterator id="i1"
value="#{bindings.NsEventDetailsView1.collectionModel}"
var="row"
binding="#{pageFlowScope.testPageBean.myIterator}"/>
<af:inputListOfValues label="Label 1"
popupTitle="Search and Result Dialog" id="ilov1"/>
Then I created the bean class as per the example.
Below is the bean class:
import javax.faces.event.ValueChangeEvent;
import oracle.adf.view.rich.context.AdfFacesContext;
import org.apache.myfaces.trinidad.component.UIXIterator;
import org.apache.myfaces.trinidad.event.AttributeChangeEvent;
public class TestPagebean {
public TestPagebean() {
public void i1ov1_valueChangeListener(ValueChangeEvent valueChangeEvent) {
// Add event code here...
private UIXIterator myiter;
public void setI1(UIXIterator myiter) {
this.myiter=myiter;
public UIXIterator getmyiter() {
this.myiter=myiter;
public UIXIterator setmyiter() {
return myiter;
UIXIterator valueIterator = getmyiter();
if (!valueChangeEvent.getNewValue().equals(valueChangeEvent.getOldValue())) {
int newPage =
Integer.parseInt(valueChangeEvent.getNewValue().toString());
int pageStart = (newPage) * valueIterator.getRows();
valueIterator.setFirst(pageStart);
AdfFacesContext.getCurrentInstance().addPartialTarget(valueIterator);
But i am getting errors in the bean class.
1. Block expecting }
2. public UIXIterator getmyiter() {
this.myiter=myiter;
Return Statement missing
3. Block expecting {
4. Type or variable 'valueChangeEvent' not found
5. Method 'getNewValue' not found
6. Method 'getOldValue' not found
7. Method 'toString' not found
Can you suggest a possible solution?

Apex 5.0, Horizontal scrollbar for Interactive Report and Pivot Format

Hi,
i would like to know how to have an horizontal scrollbar for an interactive report (5.0) after making a pivot from the user interface; i have a lot of columns and without the pivot the horizontal scrollbar appears . After it doesn't appear.
I tried with the Region Header <div style="overflow:auto;"> and Region Footer </div> but without success.
Regards
Gianpaolo

Hi gianpagi,
gianpagi wrote:
i would like to know how to have an horizontal scrollbar for an interactive report (5.0) after making a pivot from the user interface; i have a lot of columns and without the pivot the horizontal scrollbar appears . After it doesn't appear.
I tried with the Region Header <div style="overflow:auto;"> and Region Footer </div> but without success.
Please mention the theme and template you are using for the Interactive Report.
Can you re-produce the issue on apex.oracle.com and share the workspace credentials, so that can have closer look at the issue?
Regards,
Kiran

Forms 5 Tab Canvas & Horizontal Scrollbar

We are trying to implement a tab canvas which will hold a multi-record data block. The difficulty is that we would like to display a lot of fields and there is no Horizontal Scrollbar easily available for the Tab Canvas.
We are thinking about "simulating" a tab canvas by using stacked canvases. The stacked canvas allows us to have the scrollbar, but looses some of the look & feel of a tab canvas.
Anyone try to do this in Forms 5? How about anyone try to place a stacked canvas on top of a tab canvas?

We're using forms 6.0.8.8. Our standard practice is to never put items on a tab canvas, instead we put stacked canvas' on the tab canvas. Besides having canvas scroll bars, it also provides a basis to work around documented bugs for refreshing/resizing windows when returning from other forms/windows of different sizes etc.
null

How to set the extra component to horizontal scrollbar position

How to set the component to position of horizontal scrollbar , that position contain two component horizontal scrollbar and any component (JButton , JLabel ) like that.. Ms-Word scrollbar ,
Like that bellow fig.


{font:'Times New Roman'}{size:12pt}<img src="file:///C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/msohtml1/04/clip_image002.jpg" alt="" width="485" height="27" />{size}{font}
How to design ?

pradeep.rajadurai wrote:
I want set the JTable as a background of jframe or jinternalframe , how it is possible One way that may work, you can always extract the image from a rendered JTable and then paint the same image into the JPanel that holds your components via it's paintComponent method, then added the JPanel to the app's contentPane.
give me simple pgmIs English your second language? Because if so, please understand that this demand can be taken by some as rude.

Horizontal scrollbar for JComboBox - Not workable under Mac

By referring to this thread Re: Horizontal scrollbar for JComboBox across multiple look and feel I try to provide horizontal scroll bar for JComboBox to my clients.
private void adjustScrollBar() {
    //if (this.getItemCount() == 0) return;
    Object comp = this.getUI().getAccessibleChild(this, 0);
    if (!(comp instanceof JPopupMenu)) {
        return;
    JPopupMenu popup = (JPopupMenu) comp;
    // Works fine under Windows and Ubuntu Linux
    // However, in OSX 10.6.4
    // javax.swing.Box$Filler cannot be cast to javax.swing.JScrollPane
    JScrollPane scrollPane = (JScrollPane) popup.getComponent(0);
    scrollPane.setHorizontalScrollBar(new JScrollBar(JScrollBar.HORIZONTAL));
    scrollPane.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
}The above code will cause ClassException under OSX 10.6.4. (Works fine for Windows and Linux)
Any suggestion to resolve this problem. Sorry. I do not have a Mac machine. Hence, can't experiment out much with it.
Thanks

The following code works quite well for me.
    private void adjustScrollBar() {
        final int max_search = 8;
        // i < max_search is just a safe guard when getAccessibleChildrenCount
        // returns an arbitary large number. 8 is magic number
        JPopupMenu popup = null;
        for (int i = 0, count = this.getUI().getAccessibleChildrenCount(this); i < count && i < max_search; i++) {
            Object o = this.getUI().getAccessibleChild(this, i);
            if (o instanceof JPopupMenu) {
                popup = (JPopupMenu)o;
                break;
        if (popup == null) {
            return;
        JScrollPane scrollPane = null;
        for (int i = 0, count = popup.getComponentCount(); i < count && i < max_search; i++) {
            Component c = popup.getComponent(i);
            if (c instanceof JScrollPane) {
                scrollPane = (JScrollPane)c;
                break;
        if (scrollPane == null) {
            return;
        scrollPane.setHorizontalScrollBar(new JScrollBar(JScrollBar.HORIZONTAL));
        scrollPane.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
    }

Horizontal scrollbar for JComboBox

Hi,
I want to use Horizontal scrollbar for JComboBox which i have used as an editor for table column cell and the matter in drop down list is larger but the width of column of a table is relatively small
Any suggetions!
Thanks and regards,
Nilesh

Hi,
I want to use Horizontal scrollbar for JComboBox which i have used as an editor for table column cell and the matter in drop down list is larger but the width of column of a table is relatively small
Any suggetions!
Thanks and regards,
Nilesh

Horizontal scrollbar on browser?

Similar Messages

Maybe you are looking for