Firefox is not word wrapping paragraphs on some pages, makiing the pages extremely wide.
The page is way too wide because of some other element on the page. I can't read the paragraphs without a huge amount of scrolling.
Is there some way to force the paragraphs to wrap to the screen width, not the width of the widest element. The offending pages are written apparently for a high resolution widescreen monitor, but I have a monitor with a resolution that can't exceed 1024 X 768. If I use ctrl - , the lettering becomes too small to read.
I need to read these pages.
All Replies (10)
Can you post a link to a public page that doesn't require authentication (log in) to access it?
Pages that use absolute values for the width won't adjust their content to fit on a smaller screen.
Is that text really spread over the full width of the screen?
That page requires a width of 1445 for me to make the horizontal scroll bar disappear, so that is not really a friendly page.
The CSS file specifies a min-width of 1350px with a padding-left and padding-right of 40px this makes 1430px.
So how can I read it without scrolling? Don't tell me to get a new monitor.
I am getting more and more of these "unfriendly" pages.
One more thing. Many of the pages are unfriendly because the ads on them are too wide.
Sorry, I don't know how to fix this specific page with some style rules for Stylish or userContent.css.
A page width of about 1200px maximum is acceptable these days with not too expensive LCD monitors of 19 inch or 22 inch, but over 1400px like with his page is rather large as it also requires to move your head while reading the text.
Since I don't own the page, fixing the page is moot. How do I read it?
This page can be fixed with the below posted style rule in the userContent.css file or with the Stylish extension, but each website will require its own code.
I'm not sure why this didn't work the previous time that I tried to disable those rules with the build-in Inspector.
- https://developer.mozilla.org/en/Tools/Page_Inspector
- https://developer.mozilla.org/en/Tools/Page_Inspector/HTML_panel
- https://developer.mozilla.org/en/Tools/Page_Inspector/Style_panel
The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
- http://kb.mozillazine.org/Editing_configuration
- Stylish: https://addons.mozilla.org/firefox/addon/stylish/
Add code to the userContent.css file.
@-moz-document domain(bigwobblenews.blogspot.com){ body { min-width: 0 !important; } .content-outer, .content-fauxcolumn-outer, .region-inner { min-width: 0 !important; } }
Is this on my computer, or on the computer serving the file?
If it is on my computer, does it affect only the file I want to read, or all web pages?
This is done on your computer and only effects the domain specified via the @-moz-document domain() directive.