Page content shifts right, blocked by right margin
On certain pages, usually news sites, the text content will download along with usual ad spaces on the right, then after an ad is loaded on the left the content including the ad shifts far the the right, cutting off about 15 to 20% of the text content. The right margin has a corresponding blank space where the content has shifted from. (That is, the ad and text aren't anchored along the right margin.)
In IE the ad will load but content stays anchored to the right margin of the window. Issue occurs with adblock on and off.
URL of affected sites
All Replies (4)
"Clear the Cache": Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now" "Remove the Cookies" from sites that cause problems: Tools > Options > Privacy > Cookies: "Show Cookies"
Reset the page zoom on pages that cause problems: View > Zoom > Reset (Ctrl+0 (zero); Cmd+0 on Mac) See Font size and zoom - increase the size of web pages and Font size and zoom - increase the size of web pages and http://kb.mozillazine.org/Zoom_text_of_web_pages
Thank you.
Followed these steps, shut down and restarted Firefox and still get the content shift.
I hadn't looked at that page the previous time, but now I notice that there is a missing clear:both that is causing it. That makes the DIV with that text start after the "Type Size A A A"
This style in Stylish should fix it. You can contact the website to inform them about that error.
@-moz-document domain(www.coloradoan.com) { #article-bodytext {clear: both} }
Modified by cor-el
The Stylish add-on client fix worked.
Have informed the example site of the code tweak suggestion.
Thanks