Results 1 to 2 of 2
  1. #1
    Join Date
    Mar 2008
    Posts
    54
    Plugin Contributions
    0

    Default Header difference in IE and Firefox

    Hello people,

    there is a small difference on my header when viewing it in IE and Firefox. In IE it seems to hang out from the right side a little.

    Any ideas?

    Also since I have width 75% in mainwrapper, how can I do the same with my logo so it doesn't mess up when viewed on smaller screens?

    www.bionaturaldrops.com

    Thanks in advance!
    Last edited by Yiannis; 29 Jul 2008 at 10:01 PM.

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

    Default Re: Header difference in IE and Firefox

    Your image "bionaturaldropsbanner.jpg" is 948px wide and you have your site set to be 75% or when looking with a res of 1024X768 = 768px - - less width than your image....

    What I would do with this is to drag out your image editor program and separate the left most part & actually only the logo part and create this as an individual file named logo.gif or jpg. By default, this will be floated left and only about 300px or thereabouts.

    Then create your left image with the gradient to the left as another image and make it as wide as you think there are browser resolutions. Apply it through the css to #logoWrapper as a background image and fix the position to be on the right.
    Excess will not appear when a background image to the left but will auto crop to the container.

    Optionally, you could have 3 images one logo to the left the other to the right and a gradient tile that repeats only vertically applied as the background image. It would be on the order of 5-10 px high and 2500px wide and fixed to the right
    Zen-Venom Get Bitten

 

 

Similar Threads

  1. CSS difference between IE and firefox
    By eazy in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 10 May 2012, 12:10 AM
  2. Helping fixing a difference with Internet Explorer and Firefox?
    By Jordin in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 24 May 2009, 04:04 AM
  3. Difference in IE and Firefox
    By susanshropshire in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 14 May 2009, 05:18 PM
  4. Another difference in IE And Firefox?
    By countingsheep in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 26 Mar 2008, 09:27 PM
  5. Difference in CSS absolute positions in Firefox and IE
    By dvasdekis in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 12 Sep 2007, 03:55 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