IE problems to wrap text around adsense...

4 replies
  • WEB DESIGN
  • |
hi everyone,
I have spent my whole day trying to find answer to my problem online but no luck so far. I decided to turn for help to fellow warriors.
I did a simple wrap around text for my adsense blocks using both
<div style="float: left; margin: 5px 5px 5px 5px">

as well as pasting:

.ads_left {
float: left;
padding: 5px;
margin: 0;
}

.ads_right {
float: right;
padding: 5px;
margin: 0;
}

to my css sheet and adding <div class="ads_left"> </div> to html code.

Anyway, everything looks great in all browser except IE which basically seems to ignore all my efforts:confused:

It is probably something pretty basic, but like I said I can't find the answer. I would really appreciate if someone could take a look at my website.

thanks

#adsense #problems #text #wrap
  • Profile picture of the author Aaron H
    Hi there,

    Try giving the first 3 paragraphs (that includes the empty paragraph) a class with a set width of about 450px and float them all right.

    Then you may need to drop in another full width empty paragraph to stop the second ad block getting stuck against the third paragraph.
    (Bit of a quick and dirty solution but it's all I could manage early in the morning)

    Then float the final paragraph left with a width of 450px
    (you might not need to float it left as it should float left by default but you can always strip it out after)

    I couldn't test it in FF but it seemed to work in IE7

    Just a quick tip, giving the div's a background color will help you see whats going on. You might already do that but I thought it worth a mention.

    Hope it works
    {{ DiscussionBoard.errors[164162].message }}
  • Profile picture of the author blue-ego
    hi Aaron,
    Thanks for getting back to me on that and the idea. I tested it and unfortunately did not work for me. This is the first time I am using this template and never had any problems with any others. I guess the other way around it is to change the template. I don't want to waste any more time on this. Thanks once again. Take care...
    {{ DiscussionBoard.errors[165396].message }}
  • Profile picture of the author Aaron H
    Pity, I thought I'd cracked it there.
    {{ DiscussionBoard.errors[167242].message }}
  • Profile picture of the author write-stuff
    How about the low tech approach. Just put it in a table cell with your text surrounding it in other table cells.

    =================================================
    ! Look at all my wonderful text in here. Looks great doesn't it? !
    !================================================ !
    ! Buy ! Google ads in here ! Never !
    ! My ! ! See !
    ! Stuff ! ! This !
    ! ! ! Again !
    !================================================!
    ! Accept this offer and you will make millions overnight. !
    !================================================!

    Oh well, I tried, but the spaces all get compressed out. Maybe you get the idea anyway.
    {{ DiscussionBoard.errors[167337].message }}

Trending Topics