Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted November 6, 20159 yr 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
November 6, 20159 yr 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.
November 6, 20159 yr 11 minutes ago, Netherlord said: <center> AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH *hides*
November 6, 20159 yr 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;
November 6, 20159 yr Author 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
November 6, 20159 yr 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
November 6, 20159 yr Author 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
November 6, 20159 yr Author 6 hours ago, VizionDev said: Can you add the advertisement back into the header for a moment please Any news about? Thanks!
November 7, 20159 yr 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?
November 7, 20159 yr Author 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 ;)
November 7, 20159 yr 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.
November 7, 20159 yr Author 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.
November 7, 20159 yr 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.
November 9, 20159 yr 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.
Archived
This topic is now archived and is closed to further replies.