WordPress.org

1. alicecara
   Member
   Posted 3 months ago #

   I seem to having an issue with the positioning of google ads on one of the pages of my site - they are running over the images, which looks horrendous! Any ideas on how to solve this one?

   http://runninginheels.co.uk/articles/fairy-footsteps

2. jleuze
   Member
   Posted 3 months ago #

   Your division hierarchy is a little odd:

   <div class="content">
        <div id="post_content" class="column span-14">
             <div class="column span-9 first"></div>
             <div class="column span-5 last"></div>
        </div>
        <br class="clear"/>
   </div>

   Typically you might see something that looks like this in most themes:

   <div class="content">
        <div id="post_content"></div>
        <div id="sidebar"></div>
        <br class="clear"/>
   </div>

   Having your sidebar nested in the "post_content" div could cause your sidebar to drop, or bleed into the main column more often, so you might want to think about the structure of your markup.

   It looks like your main column is supposed to be 595px wide is that right? But this image is 770px wide. You should setup the default large size of your images to match the width of your column, but sometimes wider content sneaks through anyways.

   So to make sure that anything you put in that column crops to 595px and doesn't stick out and break your layout, find this CSS declaration:

   .span-9 {
   width:595px !important;
   }

   And add a overflow rule to it like this:

   .span-9 {
   overflow:hidden;
   width:595px !important;
   }

   That should fix it right up!

Reply

You must log in to post.