Purchase OIOpublisher now for just $47.

Take control of your ad space.

Click here to purchase

  1.  

    For some reason my ads are having positioning problems in IE7 and IE6 when I increase the browser window size. It seems somewhere in the OIO code or CSS the images are being positioned absolute. You can see it yourself in IE7 or IE6 on these pages:

    SundaySalon.com
    Magazine Page

    Just load the page and then resize the window. Suggestions or is this an OIO issue?

    Need help?  Quick start guide | Troubleshooting | All help topics
    • CommentAuthorSimon
    • CommentTimeMay 7th 2008
     
    Project Admin

    I'll try and have a closer look later, but it only absolute positions within a div (created by the plugin), not within the whole document. There have been a few cases where other css in the theme has conflicted.

    Need help?  Quick start guide | Troubleshooting | All help topics
    • CommentAuthorSimon
    • CommentTimeMay 7th 2008
     
    Project Admin

    I'm thinking it may not be an OIO issue. When viewing in Internet Explorer, the header bar doesn't align correctly when changing the browser width. The ads are actually inline with the RSS feed icon, but since everything has shifted, it looks out of place.

    I'm not sure what would cause that, but I don't *think* it is to do with the plugin at this stage.

    Need help?  Quick start guide | Troubleshooting | All help topics
  2.  

    Hmmm. Had a coder friend look at it and he seemed to identify OIO. I'm not a coder, so am at a loss. Here is what he suggested but am not sure how to implement in OIO. Thoughts?:


    "The banners are getting wrongly positioned in IE6 when you increase the window size. My suggestion is to modify the HTML with something along these lines:
    <div class="oio-zone-position">
    <ul class="inline-ads">
    <li><a><img /></a></li>
    <li><a><img /></a></li>
    <li><a><img /></a></li>
    </ul>
    </div>
    (code on the <a> and <img/> ommitted to keep the example short)

    and then using these styles instead of the absolute positioning:

    ul.inline-ads {
    margin: 0 0 0 -21px;
    padding: 0;
    list-style-type: none;
    height: 140px;
    }

    ul.inline-ads li {
    margin: 0 0 0 21px;
    padding: 0;
    float: left;
    display: inline;
    }

    and that should solve the IE6 issue while still being compatible with all other browsers.

    Need help?  Quick start guide | Troubleshooting | All help topics
    • CommentAuthorSimon
    • CommentTimeMay 8th 2008 edited
     
    Project Admin

    http://dev.oiopublisher.com/test1.php

    I removed all references to OIO in the code, and in IE7 the mis-alignment still occurs when resizing the browser window (watch the home and contact links on the navbar). It would be best though if you confirmed it by completely disabling the plugin, to see if it still happens.

    The problem with the <li></li> solution is while it works in that particular instance (a single row), it won't work when a zone has multiple columns and rows. That still requires some positioning - I have been meaning for a while to attempt a re-write using flost:left; though.

    Need help?  Quick start guide | Troubleshooting | All help topics
  3.  

    Thanks Simon. That helps me narrow it down. Great work btw on the latest release of OIO.

    Need help?  Quick start guide | Troubleshooting | All help topics