• Post Reply Bookmark Topic Watch Topic
  • New Topic

Web page content is being cut with no horizontal scrolling

 
Yaron Rel
Greenhorn
Posts: 20
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,

I found out that the following DOCTYPE cuts my web page content if its to wide for the screen without the ability to do horizontal scrolling:




If I don't use this DOCTYPE all the richfaces fading feature don't work (for example the background of <h:inputText>).

I saw in the richfaces demo sources that they also use this DOCTYPE, but they have horizontal scrolling.

Using the following css in the html tag also don't help.



What should I do in order to force horizontal scrolling?


 
Radu Mircea
Ranch Hand
Posts: 45
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,

It should work , why do you have overflow:auto; and then overflow: scroll; ? Remove overflow:auto; and if necessary also overflow: scroll; and apply your style using just overflow-x: scroll; and overflow-y: scroll; to the right element.

Regards,
 
Yaron Rel
Greenhorn
Posts: 20
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,
I am sorry for not being clear enough.
I used every single permutation of these css examples including none of the options.
Nothing works.
Thanks
Yaron
 
Radu Mircea
Ranch Hand
Posts: 45
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

It is strange because by default scroll should appear if dimensions of page are overcome.

Basically you must have a div element and attached a scroll to it.

Have you try to attache scroll just for testing lets say in a such way ?

Regards,
 
Yaron Rel
Greenhorn
Posts: 20
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Yes.
inner elements has horizontal scrolling when their CSS is defined.
Actually here are some advices regarding this issue:
http://community.jboss.org/message/531959#531959
 
Yaron Rel
Greenhorn
Posts: 20
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I found the problem:
After I tried all the doctype options that I found in: http://w3schools.com/tags/tag_DOCTYPE.asp
and none of them worked, I took the page source and cut one by one, tag by tag and I found out that I used the deprecated align="right" in the "table" tag.
for some reason, the eclipse editor and my firefox and IE8 browsers don't mention that there is doctype problem in the page.
Instead, both browsers just remove the horizontal scrolling.
 
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!