Letsrun site administrators - here are screenshots of your ads messing up the posts

Desktop and laptop

Chrome

Windows 10

iPad

Safari

iOS 9.3.5

FWIW I don't think it's an issue with browsers or OS or anything like that.

The problem is that you have allotted a specific-sized space for a large ad on the right side. The majority of the ads conform to the space, but some are too wide. If you look at the source code, some of the ads are hard-coded to display the ad at a certain width in pixels. Others are coded to display at 100%. The problem may be found there.

Not a browser or OS issue. It is a CSS issue.

Gameboy Advanced

Super Mario OS

wejo wrote:

Sorry you all are having trouble. Can you post what device, browser, and operating system you are using?

Thanks for the response. Have you thought about redesigning those mid-sentence ads? Instead of having them mid-sentence, how about one of these options:

1) Have them at the end of the post

2) Have the forum code post the ad as an image in its own post. Perhaps with the poster name "this is an ad"

3) Have them between posts. Here is an example from the Bobybuilding.com forum that is much neater than mid-sentence ads

Bennie wrote:

Not a browser or OS issue. It is a CSS issue.

And a framing issue. Frames need to control the max extent of their content. It is a HTML/CSS issue that only the LRC peeps can fix.

Still not fixed!

I think my ads are covering up MORE now. They must have turned the dial the wrong way.

I have Safari on an IPhone and have zero issues. Ads just roll up as I scroll.

Alan

Get Framed wrote:

Bennie wrote:

Not a browser or OS issue. It is a CSS issue.

And a framing issue. Frames need to control the max extent of their content. It is a HTML/CSS issue that only the LRC peeps can fix.

Thanks guys, how much can I pay you and where do I send the checks?

Billy in 4C wrote:

Gameboy Advanced

Super Mario OS

LOL

The problem is with the embedly cards, which are approximately 600px wide. The ad on the side is 300px wide.

What happens is that the embedly cards push out the width of the posts () and the ad covers the top of the wider posts.

users with a screen width of less than 768 pixels are fine as the ad is not displayed for the smaller screens.

The issue occurs predominately when the page is wider than 768px and narrower than about 1100px wide.

You're still going to have issues when the embedly previews are within nested comments which again pushes the posts to be wider.

There are a few solutions to your problem, but having an ad taking up 300px of width when the entire website is only 800px is really poor.

I can provide some solutions/ideas, just reply to this post.

For all other forum users, if you see ads covering the page content, click the little cross in the top right corner of the ad and select "ad covers page". If enough people do this, google will completely stop serving the ad in that specific position.

web_developer wrote:

For all other forum users, if you see ads covering the page content, click the little cross in the top right corner of the ad and select "ad covers page". If enough people do this, google will completely stop serving the ad in that specific position.

Thank you! I use adblocker on my laptop but my iPad is work issues so limited control on what I can install.... lrc on it is painful as the other iPad/safari users reported.

Erik- LRC webguru has fixed this issue.

Can you all confirm it is fixed for you?

stats.gangsta_the_real_1 wrote:

Deer BrosJo: wrote:

Does this explain why you got so much pushback on your "please stop using adblock" thread a few months ago?

So I'm not the only person seeing this?

You mean you're not all using mobile yet? LRC works better on mobile, bizarrely.

This guy was right. I should have read his post -- it would have saved me 20 minutes figuring it out on my own.

I added a few other small CSS fixes.

Safe Space Odyssey wrote:

stats.gangsta_the_real_1 wrote:

So I'm not the only person seeing this?

You mean you're not all using mobile yet? LRC works better on mobile, bizarrely.

I agree with this :)

I also have this issue. I have on my work laptop, which is a PC using either Internet Explorer or Google Chrome. I also have this issue on my MacBook Pro with Safari and on my ipad. Letsrun is the only website I have this issue with on any of my devices.

erik wrote:

This guy was right. I should have read his post -- it would have saved me 20 minutes figuring it out on my own.

I added a few other small CSS fixes.

FAIL!!

I am now getting ads COVERING OTHER ADS!!

It's almost comical how I had 5 ads covering about 70% of the screen and that didn't even include embedly.