HTML - Quirky Page Jumping In Firefox With Adsense
I have a quirky problem, and it exists with many of my sites. It involves Firefox browser, as well as Chrome.
Here are the conditions of the website pages that have problems: 1. Page is fixed width, centered in the browser 2. Google AdSense is present on the page 3. Browser is either Firefox or Chrome. Internet Explorer doesn't present any problems. When the page with the above conditions is loaded, the page shows up at the RIGHT of the browser, then shifts to it's proper location in the center of the browser. This occurs every time a page with adsense is loaded, and can be irritating going page to page. An example for my site is he AdSense Page Shift Test Please use Firefox browser, maximized on a monitor with a greater width than 1024. There are five working tabs with examples, four of them have adsense on them. The one without adsense does NOT jump, and I'd like all the pages to emulate it. I"d appreciate any direction to solving the problem. Firefox and Chrome are rapidly increasing in popularity, and I'd like to solve this rather quirky problem. Similar TutorialsHey all! I'm just starting to work on a site and already it's giving me a hard time. It's not much at the moment, but here's where I'm at http://comgardens.com/wandl/index.html If you hit the refresh button a couple of times you'll see that the content jumps, at least in Firefox, and I can't figure out why. Anyone have any ideas? Thanks!! Is there anyway to stop the page 'jumping to the top' when using a link like the below? <a href="#">karthi</a> .. I just want it to stay in the same position on the page & not jump to the top of the page every time a link like that is clicked. I have an iframe in the middle of a page. I am trying to display another page within the iframe, but to start it a couple of paragraphs down, not at the top. So I have put an anchor into my iframe src, corresponding to an anchor name tag in my other page. The iframe scrolls itself ok, but the main body of the page also scrolls so that the top of the iframe is at the top of the screen, which is not what I intended. Is there a way to scroll just the iframe, with the top of the main page still at the top of the screen? <html> <body> <table> <tr> <td> table1 etc ... <table> <tr> <td> table2 etc ... <table> <tr> <td> <iframe src="another.html#marker"> </iframe> etc thanks Ok, I've tried everything I can think of, and I'm still getting a 'jumping header':\ The header is jumping from the Homepage, to the SubPages. When navigating to other Subpages, everything is fine; So, the problem is with the Homepage. http://www.khaus.com/sites/Asongo/html/ (click on About Us, then back to Home, and you'll see the 'jump') It must be in the code of the Homepage, so I've tried: - attaching the javascript - all the code for the top parts of the page are the same - rebuilding the page, with one of the interior pages format. Any help or suggestions, would be greatly appreciated. Thank you Reply With Quote Hello people my search field keeps jumping around on my shopping cart page. I have "HTML tidied" and I know I have errors...but I use shopify which uses liquid code along with HTML so the tidy is reading alot of errors produced by my liquid aswell as my own BUT would anyone know what would be the specific problem with the search form that just keeps moving around... oh yea it works fine on every other page except me shopping cart page...wtf... Any help or suggestions are appreciated, and thanks before hand. Here is the LINK >>http://www.chicityswag.com/cart password : whome For the life of me I can't seem to figure out why this page jump isn't working. http://www.thegoheens.com/resources/test.html Any help is greatly appreciated. Thanks! i'm using 6 iframes in a page my page has scrolling whlie i click a link on top most iframe the page has been slide down the scroll bar comes to middle plz help me The first part , this page i need to put an widesky ad on both sides of the image & also want something that will rescale image to fit page as i need to fit in large images on the page , can this be done people? Hi, I'm trying to make some changes to the basic design of my site, but when I add Adsense it's doing something strange. In IE7 it's fine, but in FF it displays with incorrect colors and the size is chopped from 468x60 to about 230x60. I can't explain it, because on the other pages I've made the changes everything is fine. ***************************************** Problem seems corrected now. Have no idea how it persisted for 36hrs, but it's fine now (shaking head). ***************************************** Thanks, Dave H Now that Im signed up with adsense I find out you cant place them in frames. This is how I was going to do it, but obviously I cant. Im doing this in php, and my html is very beginner could someone point me towards what I need to check into to put the adsense to the side of the frame, without putting it in the frame? Thanks. When I tried to add a skyscraper ad to my website using a site editor it didnt show up right. The ad just appeared in the middle of my page. I tried to do it manually, but google says the ad has to be placed in the body to show up right. When I opened index.htm there was no body. Instead there were a bunch of tables each with there own body. I am using Host Gator and SWSoft Site Builder. I am rather new at html and site development so any help would be appreciated. Also is there any way I can add the code to all of my pages? Hey, how do I get this (self placed) ad out of the way so it will not affect the layout of the text? It is placed in a div. Maybe I could play with the .css file a little bit? You can see the ad he http://arturbuchhorn.com/works/morality.html Hello, I am needing to insert an adsense code in the side bar of my homepage... Alittle confused on where to put the code, I would appreciate in assistance... Here is the code where I want to put the adsense code Code: <div class="featured_categories_bar round5px"> {BROWSE_MAIN_CATEGORIES} </div> <div class="index_main_box"> <div class="sidebar round5px masoned"> <h3>{LANG[html][INDEX][14]}</h3> <div class='reset_index_location'>{RESET_LOCATION_MESSAGE}</div> {INDEX_LOCATIONS} </div> <div class="homepage_right"> <!--Start cat--> {FEATURED_ADS} <!--End cat--> <!--Start all cat--> <div class="list-area"> {BROWSE_CATEGORIES} </div> <!--End all cat--> <script type="text/javascript"> var moreLinkName = "{LANG[php][INDEX][2]}"; $(document).ready(function(){ $(".sidebar").masonry({columnWidth: 105, maxCount: 10, maxCountShift: 1 }); $(".list-area").masonry({columnWidth: 250, singleMode: true, animate: true }); $(".list-area dl").hover(function(){ $(this).addClass("box-shadow"); }, function(){ $(this).removeClass("box-shadow")}); $(".listing").hover(function(){ $(this).addClass("box-shadow"); }, function(){ $(this).removeClass("box-shadow")}); $(".next").click(function(){ $('.ad-thumbs').scrollTo( '+=200', 200, {axis: 'x'}, { queue:true } ); return false; }); $(".prev").click(function(){ $('.ad-thumbs').scrollTo( '-=200', 200, {axis: 'x'}, { queue:true } ); return false; }); }); </script> </div> <div class="clear_both_fix"> </div> </div> <style type="text/css"> {LOCATIONS_CSS} </style> The side bar starts where I've got the code in red... Again, I want the google ad the be placed below the side bar... If you need a better look at what I am wanting, it's the "Where are you looking?" on the homepage of buyorpost.com. Thanks in advance! Robert D. Hi, ummm, I have this site, and I want to put adsense ads right under the part where it says bite me, but I don't know how to. I also want to be able to put things in the affiliates section at the bottom of the page. Can somebody please help me? HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>Bite Me - The online shonen-ai romance fantasy manga novel/book - gay vampires, anime and so much more.</title> <style type="text/css"> body { background-color:#000; } #container { width:720px; height:450px; padding:178px 34px 200px 44px; background-image:url(http://img24.imageshack.us/img24/7995/layoutredglow.jpg); background-repeat:no-repeat; margin:auto; font-family:verdana,arial,helvetica,sans-serif; color:black; z-index: 1 } #content { height:279px; padding:20px; overflow:auto; z-index: 3 } #content p { text-indent:20px; padding-bottom:20px; margin:0; } #content p:first-letter { font-family:'times new roman',serif; font-size:200%; font-weight:bold; color:#f00; } #nav { margin:0 0 26px; padding:0px; list-style-type:none; text-align:center; } #nav li { display:inline; } #nav a { padding:5px; border:0px solid #ccc; font-family:'times new roman',serif; font-size:24px; color:#f00; text-decoration:none; } </style> </head> <body> <div id="container"> <ul id="nav"> <li><a href="http://bitememanga.com/">Home</a></li> <li><a href="http://bitememanga.com/book.html">Book</a></li> <li><a href="http://bitememanga.com/characters.html">Characters</a></li> <li><a href="http://bitememanga.com/about.html">About Us</a></li> <li><a href="http://bitememanga.com/comments.html">Comments</a></li> <li><a href="http://bitememanga.com/forum.html">Forum</a></li> </ul> <div id="content"> <a id="nabblelink" href="http://n2.nabble.com/Bite-Me-f2848014.html">Bite Me</a> <script src="http://n2.nabble.com/embed/f2848014"></script> </p></div><!-- end #content --> </div><!-- end #container --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <!-- Start of StatCounter Code --> <script type="text/javascript"> var sc_project=4667761; var sc_invisible=1; var sc_partition=46; var sc_click_stat=1; var sc_security="e894ee49"; </script> <script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><div class="statcounter"><a title="wordpress visitors" href="http://www.statcounter.com/wordpress.org/" target="_blank"><img class="statcounter" src="http://c.statcounter.com/4667761/0/e894ee49/1/" alt="wordpress visitors" ></a></div></noscript> <!-- End of StatCounter Code --> </body> </html> I wanted to update an old website and thought to put AdSense on it but can not get it to work. The site is called dvdalien.com and I have tried to place the code on the left sidebar at the bottom. But as you can see its going to the top of my sidebar sections. I have tried adding the code to the end of series.asp which is the location now and its at the top. I have tried to add it to default.asp under: <!-- #include virtual="shared/series.asp" --> AdSense </table> But that only showed it on the home page and still at the same location. Anyone know what I can do to put in under the section series, all pages, and maybe 75% more to the right. Thanks for any help. How do you insert Google adsense code into a table, because when i make a website using Photoshop it makes a bunch of tables. Is it possible to put adsense into a table? Thanks i have a website, http://www.what-the-news.com, and i am trying to get my medium rectangle ad to show up just to the right of my videos. Everytime i put in the align right code it drops down below the video like the leaderboard banner, which is currently there. Here are the codes i'm using: <p><div align="right"><script type="text/javascript"><!-- google_ad_client = "pub-8909561621860243"; google_ad_width = 200; google_ad_height = 200; google_ad_format = "200x200_as"; google_ad_type = "image"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> Any help will be huge, Mark Hi! I'm having trouble centering my Google adsense banner. I paste the code from Google, it shows up but it wont center. I look online and cant seem to find anything that works. Any ideas? The template designer of the template i used embedded his adsense in my blog. I found the part which is related to adsense but dont know how much to delete. Please help me remove that adsense. I dont know HTML. that is why.. |