1 to 6 of 6
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:
Just load the page and then resize the window. Suggestions or is this an OIO issue?
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.
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.
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.
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.
Thanks Simon. That helps me narrow it down. Great work btw on the latest release of OIO.
1 to 6 of 6