CSS works on Mac, not on Windows

Discussion in 'Web Design & Coding' started by Moge, May 7, 2006.

  1. Moge

    Moge

    Joined:
    May 7, 2006
    Messages:
    6
    Likes Received:
    0
    Location:
    San Francisco
    Howdy -

    New to CSS but trying to make it work. Got a site built (first couple pages) and it looks just fine on any browser on a Mac. However, when I look at it on Windows IE, the right column div is all messed up - the top of it lines up with the bottom of the left side column. I'm hoping it's just some little thing I'm missing. Can anyone take a look at the code and let me know what's wrong with it before I break down and just do it all with tables?

    Much appreciated if anyone can help -

    http://www.mogeworks.com/mmb

    Style sheet is at

    http://www.mogeworks.com/mmb/mmbstyles.css
     
    Moge, May 7, 2006
    #1
    1. Advertisements

  2. Moge

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    In Firefox I see yellow to the right of coed.jpg, this is because the three images to not equal the specified width of toprow class.

    In IE, try specifiing height for toprow and take the space out:
    HTML:
    <img src="images/coed.jpg" width="158" height="119" />    </div>
     
    James, May 7, 2006
    #2
    1. Advertisements

  3. Moge

    Moge

    Joined:
    May 7, 2006
    Messages:
    6
    Likes Received:
    0
    Location:
    San Francisco
    Thanks, but actually, I want that yellow block there.

    The problem is that in Windows IE, the top of the div that holds the soccer image in the bottom right lines up with the bottom of the div that holds the hiker and blue bar on the bottom left - in other words, the soccer player drops below the hiker vertically, though it stays in the proper place horizontally.
     
    Moge, May 7, 2006
    #3
  4. Moge

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    Not sure I'm getting what you want to be done:

    Do you want the picture of the soccer player to fully fill the right hand side, or do you want the brown bar below it?

    As far as I can see, it looks fine in IE.

    I'm obviously missing something =/
     
    Last edited: May 8, 2006
    S Walch, May 8, 2006
    #4
  5. Moge

    Moge

    Joined:
    May 7, 2006
    Messages:
    6
    Likes Received:
    0
    Location:
    San Francisco
    Fixed it - kinda

    Thanks for looking - I think you may have looked at it after I kept playing with it. The horizontal nav and right side image are now in their own container that makes that right side column, and that div floats left as well, so it now sits where it's supposed to.

    However -

    On the home page I get a gap at the bottom of the page (Widnows IE only, not on Mac) that doesn't appear on any of the Our Services pages. The only difference I can see is that the home page has an image in the bottom right div, whereas the inside pages have an iframe. But the iframe has the exact same height/width specs as the image.

    Any ideas?
     
    Moge, May 8, 2006
    #5
  6. Moge

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    Is is possible that you can attach a screen shot comparison for us?
     
    James, May 8, 2006
    #6
  7. Moge

    Moge

    Joined:
    May 7, 2006
    Messages:
    6
    Likes Received:
    0
    Location:
    San Francisco
    Sure. Here's how it looks on a Mac, any browser (the way it's supposed to look)...

    [​IMG]

    Here's what the bottom of page one looks like on IE Windows...

    [​IMG]

    And here's what the inside pages look like on IE Windows (the way it's supposed to look)...

    [​IMG]
     
    Moge, May 8, 2006
    #7
  8. Moge

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    You must of recently changed something because I see what you see on your Mac.
     
    James, May 8, 2006
    #8
  9. Moge

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    To be Honest, from wheren I first looked at the site, it looked exactly like your picture on your Mac.

    What version of IE are you using may I ask?
     
    S Walch, May 8, 2006
    #9
  10. Moge

    Moge

    Joined:
    May 7, 2006
    Messages:
    6
    Likes Received:
    0
    Location:
    San Francisco
    Sorry - forgot to mention I got it all squared. Needed the image to display as block. Thanks for looking.
     
    Moge, May 14, 2006
    #10
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.