Jump to content

IPS forum/pages auto extending to the right


salue

Recommended Posts

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 ?

Untitled123.png

Link to comment
Share on other sites

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 :D

Link to comment
Share on other sites

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 :( 

Link to comment
Share on other sites

 

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 :P

@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 :P

Link to comment
Share on other sites

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 :P

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 :P

Just in advertisemnet section

Link to comment
Share on other sites

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”. ;-)

Link to comment
Share on other sites

 

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  

Link to comment
Share on other sites

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.

 

Link to comment
Share on other sites

 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%;
}
}

 

Link to comment
Share on other sites

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.

 

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...