How to make WordPress Display Same in IE6 and FF ? (8 posts)

  1. Veritas777
    Posted 9 years ago #

    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...


    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-


    -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...


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

  2. Bodhipaksa
    Posted 9 years ago #

    I don't know anything about iframes, but is width="180%" normal?

  3. Veritas777
    Posted 9 years ago #

    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???

  4. DE
    Posted 9 years ago #

    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" />

    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


  5. ganzua
    Posted 9 years ago #

    -> 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.

  6. Bodhipaksa
    Posted 9 years ago #

    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.

  7. Veritas777
    Posted 9 years ago #

    Thanks for all your comments and suggestions!

  8. DE
    Posted 9 years ago #

    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; }

    an alternative stylesheet for IE.

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

Topic Closed

This topic has been closed to new replies.

About this Topic