Results 1 to 7 of 7
  1. #1
    Join Date
    Aug 2004
    Posts
    762
    Plugin Contributions
    0

    Default Layout Problem - IE vs Firefox

    I'm hoping this will be easy for someone to spot.

    1. Go to http://www.MJMMagic.com in Internet Explorer. Just underneath our banner, there is a huge white space.

    2. Now go to the same page in FireFox. That white space is not there (or rather, very small).

    I don't want that white space there, and I can't figure out why IE displays it prominently, and FireFox does not. Any ideas how to eliminate it? I assume it has something to do with either a header.php or a stylesheet.css setting but don't know what to change.

    Thanks in advance for any advice you can throw out there.

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Layout Problem - IE vs Firefox

    Why you have used a table for this I do not know but check it's height
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Aug 2004
    Posts
    762
    Plugin Contributions
    0

    Default Re: Layout Problem - IE vs Firefox

    Kobra - I think I had the tables in their from back in the day when I was having issues embedding the flash banner in the right spot. I will see if I can remove it without completely FUBARing my site.

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Layout Problem - IE vs Firefox

    Depending on your js support for this the following div entry in the tpl.header.php can work:
    Code:
    <!--bof-branding display-->
    <div id="logoWrapper">
        <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
    		<div id="flashcontent">    
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"        
            <param name="movie" value="header.swf">
            <param name="bgcolor" value="#FFFFFF">
            <param name="quality" value="high">
            <param name="wmode" value="transparent">
            <param name="allowscriptaccess" value="samedomain">
    
            <embed
              type="application/x-shockwave-flash"
              pluginspage="http://www.macromedia.com/go/getflashplayer"
              name="flashcontent"
              width="600" height="104"
              src="includes/templates/template_name/images/header.swf"
              bgcolor="#FFFFFF"
              quality="high"
              wmode="transparent"
              swliveconnect="true"
              allowscriptaccess="samedomain"
              <noembed>
              </noembed>
            </embed></object>
        </div>
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Aug 2004
    Posts
    762
    Plugin Contributions
    0

    Default Re: Layout Problem - IE vs Firefox

    Kobra - Thanks for trying to help me out. When I put that code into my site, this is what it looked like (see attached screenshot).

    My edited code looked like this:

    Code:
    <!--bof-branding display-->
    <div id="logoWrapper">
        <!--bof-branding display-->
    <div id="logoWrapper">
        <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . 
    
    zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, 
    
    $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
    		<div id="flashcontent">    
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"  
    
          
            <param name="movie" value="header_bg.swf">
            <param name="bgcolor" value="#FFFFFF">
            <param name="quality" value="high">
            <param name="wmode" value="transparent">
            <param name="allowscriptaccess" value="samedomain">
    
            <embed
              type="application/x-shockwave-flash"
              pluginspage="http://www.macromedia.com/go/getflashplayer"
              name="flashcontent"
              width="600" height="104"
              src="<? '.DIR_WS_IMAGES.'?>images/header_bg.swf"
              bgcolor="#FFFFFF"
              quality="high"
              wmode="transparent"
              swliveconnect="true"
              allowscriptaccess="samedomain"
              <noembed>
              </noembed>
            </embed></object>
        </div>
    
    
    <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = 
    
    zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    Attached Images Attached Images  

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Layout Problem - IE vs Firefox

    What was the code you have?

    I see you have no logo...you might remove that and size the swf dimensions to suit
    Zen-Venom Get Bitten

  7. #7
    Join Date
    Aug 2004
    Posts
    762
    Plugin Contributions
    0

    Default Re: Layout Problem - IE vs Firefox

    I actually got mine to work by editing my tpl_header file with the following:

    Code:
    <div id="logo">
    
      <center>
    <script type="text/javascript" src="includes/templates/custom/jscript/swfobject.js"></script>
    <object type="application/x-shockwave-flash" data="includes/templates/MYTEMPLATE/images/header_bg.swf" width="800" height="100" align="">
    <param name="movie" value="includes/templates/MYTEMPLATE/images/header_bg.swf" />
    <img src="includes/templates/MYTEMPLATE/images/logo.gif" border="0" width="800" height="104" ISMAP USEMAP="#headermap"/></object>
    </center>
    
    </div>

 

 

Similar Threads

  1. Problem: layout problem with Firefox!
    By raylauhk in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 Aug 2010, 07:41 PM
  2. Firefox vs IE layout problem ... ff = column, IE = grid ??
    By NazarHookah in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Jan 2009, 12:03 PM
  3. Layout problem firefox vs. explorer
    By chris32882 in forum General Questions
    Replies: 6
    Last Post: 9 Dec 2008, 06:22 PM
  4. Firefox attributes layout problem?
    By moralpunch in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 9 Jan 2008, 02:02 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR