PS3 browser CSS rendering bug
Tuesday, 28. August 2007, 16:07:47
I've spotted an irritating CSS rendering bug in the PlayStation 3 browser.
Block elements, like P tag, can get wider than their CSS width in the case of long text inside them.
This bug thus breaks many CSS layouts, adding unwanted padding to surrounding block elements or creating unaligned sibling block elements.
See there for a bug example : b512.html
You can see that, after having pressed the show bug button, the last paragraph gets wider/larger than the other by few pixels thus altering the layout of the whole column it is contained in.
The bug can be circumvented by adding an overflow-x: hidden CSS directive but that's still a bug and we shouldn't be doing all these patches to simple CSS.
I have sent an e-mail to playstation.com about this but I had noo reply since then.
If someone has a working e-mail adress or bug report link to give me, that would be nice!
Thanks!
Block elements, like P tag, can get wider than their CSS width in the case of long text inside them.
This bug thus breaks many CSS layouts, adding unwanted padding to surrounding block elements or creating unaligned sibling block elements.
See there for a bug example : b512.html
You can see that, after having pressed the show bug button, the last paragraph gets wider/larger than the other by few pixels thus altering the layout of the whole column it is contained in.
The bug can be circumvented by adding an overflow-x: hidden CSS directive but that's still a bug and we shouldn't be doing all these patches to simple CSS.
I have sent an e-mail to playstation.com about this but I had noo reply since then.
Thanks!











Anonymous # 24. June 2008, 13:53
The latest version of Opera (9.50) freaks out on "overflow-x: hidden"
I just found out on my site where the content didn't show up. Removing the "overflow-x: hidden" from my css, solved the problem. It used to work fine in all previous versions though.