Solved

google add showing too low Stumped

Posted on 2013-11-24
7
102 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
7 Comments
 
LVL 43

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 43

Accepted Solution

by:
Chris Stanyon earned 500 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

749 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