SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Zealot kamm's Avatar
    Join Date
    Nov 2003
    Location
    Espaņa
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Breaking on Macs...

    Hi folks,

    I'm having a problem with the page below on Macs...
    http://www.garciaytrinidad.com/index.php

    It's OK on Windows browsers (ff 1.0, ie5.5, ie6.0, nn7 and opera7), but when I check it on danvine's iCapture site the top banner doesn't show and I've also had a report from a Mac user (ie 5.1 Mac) that the patterned background is bleeding through where it should be grey (#e0e0e0)...

    Can anyone help with a Mac fix..?

    -----------------------------------------------

    Screen shot of how it should look:
    http://www.garciaytrinidad.com/dev/localie6.php

    Screen shot from danvine's iCapture site:
    http://www.garciaytrinidad.com/dev/danvine.php

    -----------------------------------------------

    Cheers,
    kamm...

  2. #2
    SitePoint Zealot
    Join Date
    Sep 2003
    Location
    Michigan
    Posts
    164
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    From a article on sitepoints home page "Introduction to Bowser-Specific CSS Hacks" I found this link. SBMH

    Hope this helps.
    Bill Rosa


  3. #3
    SitePoint Zealot kamm's Avatar
    Join Date
    Nov 2003
    Location
    Espaņa
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    From a article on sitepoints home page "Introduction to Bowser-Specific CSS Hacks" I found this link. SBMH

    Hope this helps.
    Hmm - not quite sure how this helps - wanna offer a bit more of a clue?

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    My mac's not running at the moment so I can't check for you and I don't have safari either

    However the problem in safari is probably because of the min-height as only newer versions of sfari support it (I believe). Therefore your header is collapsed to zero and thus no picture. If there is a reason for the min-height then you can imiitate min-height by applying 200px top padding to the element which will hold it open at 200px but also let it expand if required. Of course if you have content such as text in the header to follow on then you will need to give that a negative top margin to pull it over the padding. Alernatively float a 0px width float to the right of the header but make it 200px high and clear it underneath.

    I also notice that you have left php tags in the css and this could hurt some browers.

    I can't see why you need min-height for the image anyway. Just give it height:200px instead

    Paul

  5. #5
    SitePoint Zealot kamm's Avatar
    Join Date
    Nov 2003
    Location
    Espaņa
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul,

    My mac's not running at the moment
    I thought they ran so well that you don't even need to plug em in..!

    Anyway, dunno why I had min-height there, or how those pesky little php tags got left behind, but I got rid them and that seems to have sorted it out in Safari.

    Not sure about the background issue in ie5.1 though - I'll have to get someone else to check that for me tomorrow (unless someone here cares to have a look )

    On the other hand I'm not even sure if mac ie5.x is still worth worrying about?

    Cheers,
    kamm...

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    I'll have to get someone else to check that for me tomorrow (unless someone here cares to have a look
    If you can't find anyone to look I can get plug my old mac (ie 5.1) back in but its not connected to the net so I'd need a zip of your site so I can copy it across quickly. I don't have time to copy the page and all the images and then copy it across.

    It does depend how bad the display is and whether its worth the hassle of fixing. If its readable then I'd probably leave it but if its completely broken then its probably worth fixing just for peace of mind.

    Paul

  7. #7
    SitePoint Addict
    Join Date
    Jun 2004
    Location
    Atlanta, GA
    Posts
    366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The background still doesn't show up in Mac IE 5, but I wouldn't really be to concerned with it. IE Mac is going to be dead as a doornail within a year. I recently spent some time fixing one of my sites to work with it and in hindsight it was more trouble than it was worth.

  8. #8
    SitePoint Zealot kamm's Avatar
    Join Date
    Nov 2003
    Location
    Espaņa
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks guys...

    Paul, I think paladin is probably right about not being too concerned with it, but I've zipped it anyway in case you want have a look sometime as it's based on one of your layouts. Please don't go to any special trouble though - only for interests sake...
    http://www.garciaytrinidad.com/dev/gyt_mac.zip


    Cheers,
    kamm...

  9. #9
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The background is easily fixed for mac by hiding the 100% height in #outer.

    Mac doesn't like centred links as it seema to think there focus is still in the original position.

    Try this code but doen't change the order that I give.
    Code:
    #outer{
    min-height:100%;
    width:760px;
    border-left:2px solid #555050;
    border-right:2px solid #555050;
    color: #7F0B01;
    text-align:left;
    margin:auto;
    position:relative;
    background-color:#E0E0E0;
    font:100% Verdana, Arial, Helvetica, sans-serif;
    height:auto
    }
    * html div#navcontainer ul li a {float:left}
    /* mac hide\*/
    * html #outer{height:99.9%;} 
    * html div#navcontainer ul li a {float:none}
    /* end hide*/
    That should make it look better.

    Paul
    Last edited by Paul O'B; Jan 23, 2005 at 10:00.

  10. #10
    SitePoint Zealot kamm's Avatar
    Join Date
    Nov 2003
    Location
    Espaņa
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul,

    I've applied the changes, but so far haven't had much luck getting anyone to check it out for me...

    Cheers,
    kamm...

  11. #11
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    It looked ok locally but hopefully someone else will have a check for you as my mac isn't connected to the net

  12. #12
    SitePoint Addict
    Join Date
    Jun 2004
    Location
    Atlanta, GA
    Posts
    366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Looks good now in Safari and IE for me.

  13. #13
    SitePoint Zealot kamm's Avatar
    Join Date
    Nov 2003
    Location
    Espaņa
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks again guys...


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
  •