7 Replies Latest reply on Mar 16, 2010 9:55 AM by reyaron

Web page content is being cut with no horizontal scrolling

reyaron Mar 10, 2010 4:34 AM

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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" =
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

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.

overflow-x: scroll;
overflow-y: scroll;
overflow: scroll;
overflow:auto;

What should I do in order to force horizontal scrolling?

1. Re: Web page content is being cut with no horizontal scrolling

nbelaevski Mar 10, 2010 5:41 AM (in response to reyaron)

Hi Yaron,

Horizontal scroll should be on by default if the content doesn't fit in, check your CSS styling for possible issues.
Actions
2. Re: Web page content is being cut with no horizontal scrolling

reyaron Mar 15, 2010 6:46 AM (in response to nbelaevski)

Hi Nick,
Believe me, I isolated all my styling and what I found is that only this doctype addition disables the horizontal scrolling.
I wish I could know why.
Thanks
Yaron
Actions
3. Re: Web page content is being cut with no horizontal scrolling

ilya_shaikovsky Mar 10, 2010 7:51 AM (in response to reyaron)

check please limiattions of using loose.dtd - them are not specific to RF at all but just HTML standard points.
1 of 1 people found this helpful
Actions
4. Re: Web page content is being cut with no horizontal scrolling

ilya_shaikovsky Mar 10, 2010 7:54 AM (in response to ilya_shaikovsky)

if some demo page contains that dtd declaration - 1) i believe that by mistake and 2) I guess it's used outside the composition tag so being cut by facelets..
1 of 1 people found this helpful
Actions
5. Re: Web page content is being cut with no horizontal scrolling

reyaron Mar 15, 2010 6:34 AM (in response to ilya_shaikovsky)

I understand.
That was helpful.
If I want to remove this declaration and still use the RF skinability that dissapears when I remove it, what is your advice?
Actions
6. Re: Web page content is being cut with no horizontal scrolling

ilya_shaikovsky Mar 16, 2010 4:35 AM (in response to reyaron)

define strict or transitional doctype instead.
Actions
7. Re: Web page content is being cut with no horizontal scrolling

reyaron Mar 16, 2010 9:55 AM (in response to ilya_shaikovsky)

Hi Nick,
I found the problem thanks to your help.
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.
Its nothing with richfaces.
Thanks a lot
Yaron
Actions

Go to original post