Results 1 to 5 of 5
  1. #1
    Join Date
    Aug 2009
    Location
    Highlands Ranch, Colorado
    Posts
    84
    Plugin Contributions
    0

    Default Internet Explorer Problem with CSS

    I've changed my header layout and its working fine in several Mac and Windows browsers except for Internet Explorer -- IE is placing a right floated item (Join Our Email List) at the top of the header instead of at the right margin. I don't know enough CSS to get IE to work, can you help me?

    The site is http://avianoutfitters.com and here's a picture of the way the header should look:


    Thanks!
    _ _ _ _ _ _ _
    DebiWebi
    http://www.tejadadesign.com

  2. #2
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: Internet Explorer Problem with CSS

    Yes internet explorer...

    First thing to try is:

    In the style for .newsletter add {clear:both;}

    (On a different issue zen cart is loading both stylesheet.css and stylesheet_rosie.css. As these two stylesheets have many of the same rules then it is bound to cause confusion at some point. Well, OK, it confused me but that's not hard. It would be better not to load both.)

  3. #3
    Join Date
    Aug 2009
    Location
    Highlands Ranch, Colorado
    Posts
    84
    Plugin Contributions
    0

    Default Re: Internet Explorer Problem with CSS

    Thanks, I disabled stylesheet.css.

    I added the "clear both" and it fixed the IE problem but now the layout is messed up in the other browsers -- the Email List box is pushed down to the right on top of the EZ links navigation. I went around and around with this the other day, couldn't figure out how to move it up to just below the search box.

    Any idea how to fix the new issue? Sorry I'm not good with CSS and really new to Zen Cart.
    _ _ _ _ _ _ _
    DebiWebi
    http://www.tejadadesign.com

  4. #4
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: Internet Explorer Problem with CSS

    OK. I am having a bit of problem without IE on the laptop. But I guess the effect was to push the newsletter bit down beneath the logo image in the other browsers.

    I had forgotten that the logo image is floated too. OOPS

    change the clear:both that I suggested last time to clear:right and see how that goes.

    Code:
    .newsletter { 
    color: #000;
    float: right; 
    padding-top: 20px; 
    padding-right: 4px; 
    clear:right;}

  5. #5
    Join Date
    Aug 2009
    Location
    Highlands Ranch, Colorado
    Posts
    84
    Plugin Contributions
    0

    Default Re: Internet Explorer Problem with CSS

    Yes, yes, yes, you're a genius! That fixed it on all browsers. Thanks a million!
    _ _ _ _ _ _ _
    DebiWebi
    http://www.tejadadesign.com

 

 

Similar Threads

  1. v138a Weird problem with Internet Explorer
    By Radialstrand in forum General Questions
    Replies: 0
    Last Post: 8 Jun 2012, 06:53 PM
  2. Problem with template in Internet Explorer
    By aszu in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Sep 2011, 01:58 PM
  3. Problem with Internet Explorer
    By Rumil in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 26 Jan 2011, 11:07 AM
  4. CSS problem with Firefox/Internet Explorer
    By ourcollegetown in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 19 Jan 2009, 05:53 AM
  5. css hide problem in Internet Explorer
    By longstockings in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Mar 2007, 02:41 PM

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