Jump to content

Recommended Posts

After I put a google ad on the top I had various problems with it.

 

First problem the ad is positioned in a way that if you move the website right to left it's clipped on the right side.

How do I clip it after the logo instead? (the left side).

 

Biggest problem is that the top ad added a Scrollbar for no reason and I don't know how to remove it now.

 

Website is http://www.CamSpark.com

 

As for posting code it looks like this

        <div id="adwrapperTop">
            <?php
    	  include("ads/googletop.html");
    ?>
</div>

 

CSS

#adwrapperTop
{
position: absolute;
right: 25em;
top: 10px;
border-collapse: collapse;
}

1) Remove `min-height: 100%` from <body>

2) Set a min-width on your body / wrapper (900px works great) because this is terrible

ozK1.png

3) Change #adwrapperTop {} from right: 35em; to left: 15em;

 

Optional improvement steps

4) Use IE for it's real purpose... downloading Firefox.

5) Study HTML & CSS

 

ozIO.png

here you can clearly see the scrollbar

camsparkscroller.png

 

Well of course. Your content is longer than the viewport - how do you expect people to see content that is below the viewport if there is no scroll bar? Even if you can manage to shrink your content so that the scrollbar isn't visible on your computer, different devices have different viewport heights, so the scrollbar will be there for other users anyways.

1) Remove `min-height: 100%` from <body>

2) Set a min-width on your body / wrapper (900px works great) because this is terrible

ozK1.png

3) Change #adwrapperTop {} from right: 35em; to left: 15em;

 

Optional improvement steps

4) Use IE for it's real purpose... downloading Firefox.

5) Study HTML & CSS

 

ozIO.png

 

Wow thanks for all your advise it's good information. What do you think is causing the min-height: 100% to be added to body. I couldn't find it anywhere in style.css seems to be added by some javascript. Any way to figure out what adds it?

 

Thanks for all your advise

 

Figured it out.. the Google translator adds that min-height. Anyway to cancel out CSS without javascript?

 

tried adding

min-height:100%; !important

 

to style.css  but the style in body overwrites that.

By setting overflow:hidden on the page, you cut off the bottom of your site to anyone using a viewport that doesn't show the entire page. This will be people on mobile devices and netbooks mainly.

 

I guess if you value aesthetics over usability, it's a solution. But generally it's preferred that people can actually use your site.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.