Pegasus83 Posted November 6, 2015 Share Posted November 6, 2015 Hi guys, I'm trying to fix this issue, but I can't find a solution. This is my board, and the problem is that the header ads (Responsive) pushes the sidebar on the right exceeding the content width. I tried to force a max-width putting the script inside a div with a style, (you can see the right width highlighted in blue), but it does not work. Any idea? Thanks! Alex Link to comment Share on other sites More sharing options...
Netherlord Posted November 6, 2015 Share Posted November 6, 2015 46 minutes ago, Pegasus83 said: Hi guys, I'm trying to fix this issue, but I can't find a solution. This is my board, and the problem is that the header ads (Responsive) pushes the sidebar on the right exceeding the content width. I tried to force a max-width putting the script inside a div with a style, (you can see the right width highlighted in blue), but it does not work. Any idea? Thanks! Alex I had the same issue this is what i use, <div class="ipsResponsive_showDesktop"> <div style="padding:3px;max-width:900px;max-height:100px;"> Ad script for desktop, responsive ad block </div> </div> <div class="ipsResponsive_hideDesktop"> <div style="margin: 0 auto;text-align: center;"> Ad script for mobile, custom 300px by 100px </div> </div> I could not find a better method at the time and im yet to revisit it. This has one issue and that is that it displays mobile ads on tablets but thats not a biggie. Link to comment Share on other sites More sharing options...
VizionDev Posted November 6, 2015 Share Posted November 6, 2015 11 minutes ago, Netherlord said: <center> AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH *hides* Link to comment Share on other sites More sharing options...
Netherlord Posted November 6, 2015 Share Posted November 6, 2015 1 minute ago, VizionDev said: AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH *hides* Oopsie thats what i get for copying what i had saved in a paste hehe i use this now margin: 0 auto; Link to comment Share on other sites More sharing options...
kar3n2 Posted November 6, 2015 Share Posted November 6, 2015 isnt it easier to just use an image added into the block wysiwyg editor? Link to comment Share on other sites More sharing options...
Pegasus83 Posted November 6, 2015 Author Share Posted November 6, 2015 26 minutes ago, Netherlord said: I use a responsive ad block, wrapped in this div<div style="padding:3px;max-width:900px;max-height:100px;"></div> for desktop and for mobile i use a 300px by 100px custom ad. Downside to this is tablet devices show mobile ads so they tend to not fill the page all the time. I tried also this solution but nothing changes... it still goes wide Link to comment Share on other sites More sharing options...
VizionDev Posted November 6, 2015 Share Posted November 6, 2015 2 minutes ago, kar3n2 said: isnt it easier to just use an image added into the block wysiwyg editor? The image is generated by javascript, he's using Google Adsense 1 minute ago, Pegasus83 said: I tried also this solution but nothing changes... it still goes wide Give me a moment and I'll see what I can come up with Can you add the advertisement back into the header for a moment please Link to comment Share on other sites More sharing options...
Pegasus83 Posted November 6, 2015 Author Share Posted November 6, 2015 10 minutes ago, VizionDev said: The image is generated by javascript, he's using Google Adsense Give me a moment and I'll see what I can come up with Can you add the advertisement back into the header for a moment please Ok. It is only inside a div at the moment Link to comment Share on other sites More sharing options...
Pegasus83 Posted November 6, 2015 Author Share Posted November 6, 2015 6 hours ago, VizionDev said: Can you add the advertisement back into the header for a moment please Any news about? Thanks! Link to comment Share on other sites More sharing options...
Pegasus83 Posted November 7, 2015 Author Share Posted November 7, 2015 Update, it goes wide even if I put a banner outside the main container Link to comment Share on other sites More sharing options...
Mopar1973Man Posted November 7, 2015 Share Posted November 7, 2015 I see you also a Ubuntu Linux user as well. Have you tried other browser to see if its just browser doing it or all do it? Link to comment Share on other sites More sharing options...
Pegasus83 Posted November 7, 2015 Author Share Posted November 7, 2015 10 minutes ago, Mopar1973Man said: I see you also a Ubuntu Linux user as well. Have you tried other browser to see if its just browser doing it or all do it? I can confirm the problem with other browsers, and also other users (on different OS) noticed that ;) Link to comment Share on other sites More sharing options...
Pegasus83 Posted November 7, 2015 Author Share Posted November 7, 2015 I'm on 4.0.13.1 if it can help Link to comment Share on other sites More sharing options...
Mopar1973Man Posted November 7, 2015 Share Posted November 7, 2015 Ok then using Firefox and the console you should be able to see the CSS code use and what is going on with the wrapper of the main bloc and why its stretching right. You can play with the code in real time on firefox till you find the solution. Link to comment Share on other sites More sharing options...
Pegasus83 Posted November 7, 2015 Author Share Posted November 7, 2015 Just now, Mopar1973Man said: Ok then using Firefox and the console you should be able to see the CSS code use and what is going on with the wrapper of the main bloc and why its stretching right. You can play with the code in real time on firefox till you find the solution. I did it, I came here because I can't find a solution. I tried putting the code inside a max-width set div (both in pixels and %), but it seems not considering it. Now I put the header banner outside the main content div, but I still have a footer banner and think now the problem is it. I try to put also it outside the main content div to see if it works. Link to comment Share on other sites More sharing options...
sobrenome Posted November 7, 2015 Share Posted November 7, 2015 Same problem here. I have opened a ticket but it was obvious that support would say that's beyond their job. For me it's a bug. I cannot center the banner using "ipsType_center" as I could in IPS 4.0. Link to comment Share on other sites More sharing options...
Day_ Posted November 9, 2015 Share Posted November 9, 2015 Something has changed from 4.0 to 4.1, my adverts after the first post used to be rectangles mainly, the highest paid ads. Now they are the small 50px height banners in 100px space. I also had an issue getting the ads to centre on mobile, margin: 0 auto; used to work fine, still works for desktop when but mobile I now need to insert it directly into Adsense code. If I remove the media queries for screen size, rectangle ads appear again although desktop don't show at all. Earnings have been now massively since 4.1. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.