SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict TBanks's Avatar
    Join Date
    Jan 2003
    Location
    Earth:\USA\California
    Posts
    228
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS display on a Mac

    Hi,

    Still working on this site. On PC I haven't heard of or seen in problems, but I have had two Mac users tell me that this page looks wrong. I believe they said Opera 6 and IE 5.2, the third (a web novice) has no idea what her browser is.

    <edit: site url removed>

    the reports are that the columns are not positioning correctly. They are jumbled up on the left side of the page.

    Can anyone help? I don't have access to a Mac and it looks fine on PC so I don't know what's wrong with the code (and can't test it - augh!)...

    thanks

    Toni
    Last edited by TBanks; Oct 1, 2004 at 12:17.
    dare to Dream, dare to Be...
    www.eodweb.com

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,797
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi Toni,

    I don't have access to a mac so I can't help there but I can fix it for opera6 on the pc.

    Opera 6 doen't like applying right to a positoned element unless it has a width. It doesn't like the margin top and bottom that you've set for the colfooter either. So change the 2 styles as follows:
    Code:
    #colright {
     position: absolute;
     top: 0;
     right: 0;
     text-align: left;
     margin: 0;
     width:190px;
    }
    #colfooter {
     margin-top:175px;
    }
    You may need to play about with the width to get it exactly where you want.

    I've checked it in ie6 and mozilla/firebird, opera6 and 7 and it looks ok. (Who knows it might sort the mac out as well.)

    There is a free mac capture here:

    http://www.danvine.com/icapture/

    but it only checks in safari now ( it used to check ie5 mac as well). It looks ok in safari.

    Hope that helps.

    Paul

  3. #3
    SitePoint Addict jodmcc's Avatar
    Join Date
    Dec 2003
    Location
    Houston, Texas
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Toni,

    The right hand column is not floating as you want, instead it is sitting directly on top of the left column that starts with Cakes. I do not have Opera 6, but it views this way in IE 5.2.

    In Safari, Netscape 7.1 and Firebird 0.7 it shows like you want with Cakes Column on the left and Event and Floral on the right.

    I am not sure what you would need to do to fix the problem since I'm still learning CSS.

    Hope this helps,

    John

  4. #4
    SitePoint Addict TBanks's Avatar
    Join Date
    Jan 2003
    Location
    Earth:\USA\California
    Posts
    228
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul - Thanks for your help! It looks fine now in Opera 6 (for Windows). Also, the iCapture link is invaluable to me. I really appreciate it.

    Quote Originally Posted by jodmcc
    Toni,
    but it views this way in IE 5.2.
    John, Can you check the page again for me in IE for Mac? I made the changes Paul suggested but can't see them!

    Thanks

    Toni
    dare to Dream, dare to Be...
    www.eodweb.com

  5. #5
    SitePoint Addict jodmcc's Avatar
    Join Date
    Dec 2003
    Location
    Houston, Texas
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That did the trick Toni!

    Glad I could help out.

    John

  6. #6
    SitePoint Addict TBanks's Avatar
    Join Date
    Jan 2003
    Location
    Earth:\USA\California
    Posts
    228
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yay!!

    thanks for checking!

    Toni
    dare to Dream, dare to Be...
    www.eodweb.com


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
  •