1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

iframe border problem with IE

Discussion in 'Styling and Customization Questions' started by Ingenious, Feb 18, 2012.

  1. Ingenious

    Ingenious Well-Known Member

    In IE (and only IE) the graphic banner I am displaying in an iframe in ad_header has a border on the left hand side only. I can't figure out how to remove this and whether this is related to the iframe CSS, the link CSS or the image CSS.

    Here is a screen grab so you can see the left side white border/gap:


    My ad_header code is:

    <xen:hook name="ad_header" /><div class="ukfrbanner"><iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="advert-top.php" width="400px" height="60px" border="0"></iframe></div>
    The div class "ukfrbanner" is defined in EXTRA.CSS:

    .ukfrbanner {
    float: right;
    margin-left: 0px;
    margin-right: 25px;
    margin-top: 37px;
    padding: 0px;
    The banner itself is just an image with a link, example:

    <a href="http:link" rel="nofollow" target="_blank" title="title"><img src="image.jpg" align="left" width="400" height="60" border="0" class="ukfrbannerborder"></a>
    Class "ukfrbannerborder" above is also defined in extra.css:

    .ukfrbannerborder {
    margin: 0px;
    padding: 0px;
    border: 0px;
    Any suggestions please :)
  2. Ingenious

    Ingenious Well-Known Member

    Still no joy.

    I have tried:
    • Removing the link from the banner to rule out any CSS issue related to the link causing the padding - no change.
    • Removing the style from the image to rule out any CSS related to the actual image - no change.
    • Completely removing the div around the iframe to rule that out - no change (banner appears on the left instead of right but still has the left white padding).
    • Added extra style properties to the iframe tag as per many other posts about IE and iframes, no change.
    • Explicitly stating in a style tag in the iframe tag zero left margin, zero left padding, zero left border - no change.

    Anyone any suggestions please?

Share This Page