Improve company productivity with a Business Account.Sign Up

x
?
Solved

google add showing too low Stumped

Posted on 2013-11-24
7
Medium Priority
?
112 Views
Last Modified: 2013-12-24
I have made a new header used on over 100 pages.
Everything looks good with firefox on my xp machine
but
Viewing on win 7 and ipad the top wide add is too low  covering part of the top of the content.
This has got me stumped

typical problem page: http://roofgenius.com//test4.asp
This page seems to  displays correctly:
http://roofgenius.com/sidebyside.asp
What is the cause ?
0
Comment
Question by:isnoend2001
  • 3
  • 2
6 Comments
 
LVL 46

Expert Comment

by:Chris Stanyon
ID: 39672967
I think it's because your maths are a little out. The wrapper for the Google Ads has a left-margin of 20px; which pushes it too far right to fit in the space available. Drop that to 0px and it'll all fit in nicely:

//Roof2.css / line 1456
#xGoogleWideAdd { margin-left: 0px; }

Open in new window

It works OK on other pages because the graphic to the right of the Ads is narrower.
0
 

Author Comment

by:isnoend2001
ID: 39672986
Thanks a lot easy fix thought i was going edit over a 100 pages
0
 
LVL 46

Accepted Solution

by:
Chris Stanyon earned 2000 total points
ID: 39672991
That's the beauty of keeping all the CSS in one external file.

If your header is consistent, then you should also keep that in one file and just 'include' it in all your pages - then a change to the header will still only be a change to one file instead of a 100 :)
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 

Author Comment

by:isnoend2001
ID: 39673013
Gotcha Thanks
0
 
LVL 43

Expert Comment

by:Rob
ID: 39737967
I've requested that this question be closed as follows:

Accepted answer: 500 points for ChrisStanyon's comment #a39672967

for the following reason:

This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0
 

Author Closing Comment

by:isnoend2001
ID: 39737968
thanks did not know this was not closed
0

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

595 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question