IPS forum/pages auto extending to the right

[salue]

Hey guys anyone having an issue with the IPS/IPB forum + Pages sometimes while I am browsing or opening the website and I see it expended on the right, and I have to refresh it like 3x times to make it not expended like that, this issue was with them since I installed IPS 4.0 and the issue is also on the default theme on all browsers on different ISPs.

 

anyone know how to fix this ?

[salue]

I am on 4.0.9.2

[Marius]

I have the same problem on the default theme, but only appears occasionally (randomly). It tink that occurs because the <div> with adsense advertising.

I have seen this problem on several forums that runs IPS4.

[AutoItScript]

It's the footer advert. Even if it's created as responsive it often breaks out of the div and pushes the sidebar out. I tried all sorts of ways of containing it but gave up in the end. 

[salue]

I have the same problem on the default theme, but only appears occasionally (randomly). It tink that occurs because the <div> with adsense advertising.

I have seen this problem on several forums that runs IPS4.

so adsense is making the issue or the advert system in IPS is not that good ?

It's the footer advert. Even if it's created as responsive it often breaks out of the div and pushes the sidebar out. I tried all sorts of ways of containing it but gave up in the end. 

I will try it out, i will remove the ad in the footer, hope it works and if it does then it's a bug maybe for IPS to help resolve it

[AutoItScript]

It's something theme related I think but other people have raised bugs and they've all been closed.

[salue]

It's something theme related I think but other people have raised bugs and they've all been closed.

Testing it now, Hope it's the advert footer issue if not it may the whole advert system, but if theme related then even the " Default " theme have it  

[Kirill N]

I reported this as a bug back in April:

(I know it says "ad after first posts" but really it applies to any Adsense ad in the main area.

[salue]

 

It's something theme related I think but other people have raised bugs and they've all been closed.

Removed the footer, still with the same issue   it didn't resolve

I reported this as a bug back in April:

(I know it says "ad after first posts" but really it applies to any Adsense ad in the main area.

I hope they fix this, I noticed not I and you guys I checked many forums on IPS 4.0 having this issue but they didn't notice it yet

 

I hope they fix it

@Matt

[opentype]

I don’t think there is an easy general solution for that. You are handing over a section of your site to an external service. If they inject overflowing content, it will overflow and affect the layout. It’s expected behaviour.

In order to remove the overflow, one needs to define a specific size for the ad container, which both depends on your specific theme and on the ads you want to show. If the system would just cut them off somewhere and by that possibly hide parts of the ad, the ad network might ban you for that. So that’s not a good default option.

You can solve the problem on your site by wrapping your ad code with a DIV and define it’s height and max-width value according to your theme and the ad sizes you want to show.

[Saurabh Jain]

@salue  @opentype  @Marius @Kirill N    @AutoLTScript

Here is a solution which is working fine on my sites....

Put the Responsive  header code in

<div style="max-width:980px!important">

</div>

 

 

 

[salue]

I don’t think there is an easy general solution for that. You are handing over a section of your site to an external service. If they inject overflowing content, it will overflow and affect the layout. It’s expected behaviour.

In order to remove the overflow, one needs to define a specific size for the ad container, which both depends on your specific theme and on the ads you want to show. If the system would just cut them off somewhere and by that possibly hide parts of the ad, the ad network might ban you for that. So that’s not a good default option.

You can solve the problem on your site by wrapping your ad code with a DIV and define it’s height and max-width value according to your theme and the ad sizes you want to show.

I understand your point here but like if website softwares like WordPress - Joomla..etc handled the Google Adsense responsive ad easily with their default system, why can't IPB do it.

 

Not all people know coding or anything, I was so HAPPY when I saw IPS added the advertisement section which helped ALOT in putting ads in the forums which made people put ads easily instead of trying to code and destroy the site with coding

@salue  @opentype 

Here is a solution which is working fine on my sites....

Put the Responsive  header code in

<div style="max-width:980px!important">

</div>

 

 

 

I was about to say something like that but with out the coding part because I do not know how XD

Can you navigate me on where to put that ? I go to  ACP > Customization > Themes > Select my theme > Edit HTML/CSS > Then where and where should I paste that code

[opentype]

 

<div style="max-width:980px!important">

</div>

Yes, that’s what I meant. The value of 980 might not work for everyone though. It depends on your theme.

[Saurabh Jain]

Yes, that’s what I meant. The value of 980 might not work for everyone though. It depends on your theme.

In default theme it is working...........

 

I understand your point here but like if website softwares like WordPress - Joomla..etc handled the Google Adsense responsive ad easily with their default system, why can't IPB do it.

 

Not all people know coding or anything, I was so HAPPY when I saw IPS added the advertisement section which helped ALOT in putting ads in the forums which made people put ads easily instead of trying to code and destroy the site with coding

I was about to say something like that but with out the coding part because I do not know how XD

Can you navigate me on where to put that ? I go to  ACP > Customization > Themes > Select my theme > Edit HTML/CSS > Then where and where should I paste that code

Just in advertisemnet section

[opentype]

I understand your point here but like if website softwares like WordPress - Joomla..etc handled the Google Adsense responsive ad easily with their default system, why can't IPB do it.

If you ask the last question, you clearly haven’t “understand my point”. ;-)

[salue]

 

If you ask the last question, you clearly haven’t “understand my point”. ;-)

 

Maybe I didn't XD not a coder but I understood the part of handing over my site to an external service " google advert " which will expend or take any shape in the site so it may reform the site to fit it's needs am I correct on that part ?

 

w

In order to remove the overflow, one needs to define a specific size for the ad container, 

So we just have to make the external service bid into our rules by forcing into a certain ad size that would fit the ad container, so it doesn't force expend it self .

w

You can solve the problem on your site by wrapping your ad code with a DIV and define it’s height and max-width value according to your theme and the ad sizes you want to show.

From what I understood is forcing the ad to fix to my website height and needs so it doesn't do anything on it's on.

 

I can do that but what makes me go little null and dizzy and confused is when people open it on a low resolution, it might look bad or might look smaller or bigger or it goes of the container like it happened to me on the phone once the ad poped our of the container and moved out of the website border  

[AutoItScript]

From what I read on the bug reports section this is because the div that is in the footer (with the advert) is processed first at the full width size, then if a sidebar is required this is shown later and then shrinks the main area. By this point it's too late the and advert code has already determined what size to be. The advert is correctly looking at the size of it's container and sizing for that. The fact that the container size changes during the lifetime of the page load is the issue. I imagine the way the sidebars are rendered was a design decision so probably not going to change.

I tried the div max size approach a few months ago but it didn't work well enough for me. I think it was rendering off center because it was always centering based on 980 width. I'll retest.

 

[Saurabh Jain]

we are defining max width.... on small phones  it will be small

can u please try the page on my site

http://mechanical-engg.com

http://engineeringwall.com

 

 

[Kirill N]

@salue  @opentype  @Marius @Kirill N    @AutoLTScript

Here is a solution which is working fine on my sites....

Put the Responsive  header code in

<div style="max-width:980px!important">

</div>

It's not really a good solution because the theme is responsive.

[opentype]

It's not really a good solution because the theme is responsive.

It’s only needed for the full view with a sidebar. On smaller screens without a sidebar you don’t have the problem.

[Kirill N]

 It’s only needed for the full view with a sidebar. On smaller screens without a sidebar you don’t have the problem.

Yeah but isn't the full view with a sidebar responsive as well (meaning it stretches too until it collapses in a tablet view)? Which means that for the ad not to stretch the page in any case, you'd have to set the mainArea's minimum possible width as the ad's max-width. This is problematic because, for example, my site's maximum mainArea with is 770px and the minimum one is 600px; and if I set the ad's max-width to 600 it wouldn't be able to show 720x90 ads which are  bst performing.

That's pretty confusing so I'll just post my code.

@media screen and (min-width: 1125px) {
.ad_firstpost {
  max-width: 770px;
  margin: 0 auto;
}
}

@media screen and (min-width: 980px) and (max-width: 1124px) {
.ad_firstpost {
  max-width: 600px;
  margin: 0 auto;
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.ad_firstpost {
  width:100%;
}
}

 

[Marius]

These instructions could be a solution? 

[RazorSEdge]

I had reported this a while back, and while I still argue it is a theme issue (as AdSense is supposed to honor container sizes and not just screen sizes), IPS directed me to some AdSense materials and after further searching I came up with this solution:

I changed the "Style" in my ad code to this:

style="display:inline-block;max-width:970px;width:100%;height:90px"

So far everything has been working perfectly after changing the style to the above.

 

[salue]

w

I had reported this a while back, and while I still argue it is a theme issue (as AdSense is supposed to honor container sizes and not just screen sizes), IPS directed me to some AdSense materials and after further searching I came up with this solution:

I changed the "Style" in my ad code to this:

style="display:inline-block;max-width:970px;width:100%;height:90px"

So far everything has been working perfectly after changing the style to the above.

 

would this work on any kind of ad, my ad is a responsive ad it will take any shape that depends on how the user opens it on low or high res or mobile, so it is it ok to change it to that?

[Fawk]

I had that problem as well and when I placed the sidebar on the left, it didn't over extend any more. However, I prefer to have my sidebar on the right.

I'm using the following AdSense code to control the size of the banner ads:

<center>
<style type="text/css">
.adslot_header { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_header { width: 468px; height: 60px; } }
@media (min-width:1025px) { .adslot_header { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_header"
    style="display:inline-block;"
    data-ad-client="ca-pub-ENTER_YOUR_CODE"
    data-ad-slot="1123123123123_ENTER_YOUR_CODE"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</center>