WordPress.org

Support

Support » Themes and Templates » How to make WordPress Display Same in IE6 and FF ?

How to make WordPress Display Same in IE6 and FF ?

  • Veritas777
    Member

    @veritas777

    I have a new WordPress (latest version) installed with the latest version of Gallery2. I am using a simple code insert that I saw on Bioneural.net which makes Gallery2
    appear inside WordPress…

    http://www.bioneural.net/2006/09/02/a-plugin-free-wp-embedded-gallery

    This insert works pretty well in IE6 (I can tweak it nicer than the below view so that it lines up better with the header image-

    http://www.paliview.com/wordpress-PV/

    -but in FireFox it always has the right side cut off. No much how I try to adjust the width, FF still cuts it off-
    or I have to use scroll bars. But I don’t want that.

    The author of this Gallery2 inset code seems to have it working fine on his website for IE6 and FireFox…

    http://www.bioneural.net/photos/

    Is there some additional code I need to make this work in both browsers?

Viewing 7 replies - 1 through 7 (of 7 total)
  • I don’t know anything about iframes, but is width=”180%” normal?

    Veritas777
    Member

    @veritas777

    No, it was just my way to try and move the Iframe over as far as I could. I could see that in Safari (using a website viewer) it made it mostly viewable doing that.

    If I tweaked it ONLY for IE6 I would move it back and it looks pretty nice. But NOT in FireFox. I assume FF wants some other tag or code???

    Think the reason for this is the broken box model
    A box (div,p,…) has a different layout in FF and Safari, then it does in IE. Quickest way around is to set the with correct for firefox and then add a stylesheet for IE with:

    <!--[if IE]>
    <link href="http://xxxxyour domain here xxx/IEonly.css" rel="stylesheet" type="text/css" />
    <![endif]-->

    The above code goes in the <head> part of your page
    the IEonly.css is your css file with only the parts that need to be overwritten for IE. Place your link to the normal css file above this one, alse the normal css overwrites the IE specific styles.

    hope this helps

    DE

    -> How to make WordPress Display Same in IE6 and FF ?

    I think the best way is watching what happens in two windows; one with ff and one with ie. You always can find the way of matching “more or less” both browsers.

    There are a *lot* of nested divs on the page and more than one stylesheet, so I’m afraid I didn’t have the patience to track down all the divs and check out their widths, but that’s where I would start to make sure that everything is big enough to take the iframe.

    You could also try putting overflow:visible on the style for the containing div(s) and see if that makes a difference.

    Veritas777
    Member

    @veritas777

    Thanks for all your comments and suggestions!

    The guy uses what i explained above
    `<!–[if lte IE 6]>
    <style type=”text/css”>
    #pngfixband {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’,src=’http://www.bioneural.net/wp-content/themes/k2bn/styles/bioneural/whiteband-9rules-mt.png’); padding-top: 115px; }
    #pngkiwi {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’,src=’http://www.bioneural.net/wp-content/themes/k2bn/styles/bioneural/kiwi64px.png’); padding-top: 64px; }
    #png9rules {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’,src=’http://www.bioneural.net/wp-content/themes/k2bn/styles/bioneural/9rules.png’); padding-top: 32px; }
    </style>`

    an alternative stylesheet for IE.

    Take a look at his code. It has lots of great comments.
    🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to make WordPress Display Same in IE6 and FF ?’ is closed to new replies.