SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Feb 2004
    Location
    amsterdam
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mac browser fine tuning

    Mac browser fine tuning

    Dear list participants,

    While fine tuning some css/html file for Mac browser, I still meet a couple of (6) problems (none of these problems appear in – at least – WinIE5.5 and WinIE6). I hope this list is not too overwhelming and I will be very thankful if anybody can help me, of coarse, also with one question at the time.
    Regards,
    Igor

    1) For http://www.freeke.net/OPC/ , both on Mac/Safari and MacIE5, the CSS defined BUTTONS DON’T SHOW THEIR STYLE:

    .buttondonker {
    font-weight: bold;
    line-height:1.4em;
    text-decoration:none;
    padding:0 10px;
    }
    a:link.buttondonker,
    a:visited.buttondonker {
    color: #fff;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    background-color: #73799C;
    }
    a:hover.buttondonker {
    color: #73799C;
    border-left: 1px solid #222;
    border-top: 1px solid #222;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color:#fff;
    }

    2) For http://www.freeke.net/OPC/ , only on Mac/Safari, the FILLINGS OF TABLE CELLS ARE NOT VISIBLE. They are defined as:

    .zoekveld {
    background-color: #EDEEF2;
    padding: 10px;
    }

    3) For http://www.freeke.net/OPC/ , only on Mac/Safari, the FONT SPECIFICATIONS (both color and size) for .voorbeeld are NOT VISIBLE. They are defined as:

    .voorbeeld,
    .voorbeeld a,
    .voorbeeld a:hover,
    .voorbeeld a:visited,
    td ul.inside,
    td ul.inside a,
    td ul.inside a:hover,
    td ul.inside a:visited {
    color: #73799C;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    /* BROWSERTRICK: false value for WinIE4/5 */
    voice-family: "\"}\"";
    voice-family:inherit;
    font-size: x-small;
    }

    4) For http://www.freeke.net/OPC/zoeken_met_commandos.htm , only on Mac/Safari, the HEADER CELLS of table ‘zebratabel’ DON’T SHOW THEIR STYLING. They are defined as:

    #zebratabel thead tr th {
    background-color: #DCDDE6;
    padding: 3px 8px;
    border-right: 2px solid #fff;
    }

    5) For http://www.freeke.net/OPC/resultaten.htm, only on Mac/IE5, the SECONDARY NAVIGATION BAR (Alles selecteren | Alles deselecteren | Toevoegen aan bewaarset Download & mail | Zoekresultaat inperken) IS PRESENTED AS A LIST. It is defined as:

    .contentknoppenbalk ul,
    .contentknoppenbalk li {
    margin:0;
    padding:0;
    list-style-type:none;
    color:white;
    background-color: #B9BCCD;
    display:inline;
    line-height:1.7em;
    }
    .contentknoppenbalk a {
    color:#000;
    position:relative;
    background: transparent;
    text-decoration:none;
    padding:0 6px;
    white-space:nowrap;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    }
    .contentknoppenbalk a:hover {
    background: #fff;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }

    6) And last but not least presumably quite an easy problem: how can I style the <a href> in the header of the ‘zebra table’ in http://www.freeke.net/OPC/resultaten.htm (Mac/IE5 problem)?

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

    I haven't forgotten you its just that my mac isn't connected to the net so its not easy for me to test as I have to copy everything across.

    I was hoping someone with a mac online would jump in first

    However I will have a look in the morning if no one else has posted

    paul

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

    Had a quick look on my ie5 mac (without images) and couldn't see that there was a problem with the button styling as indicated in problem one. They look (as far as I can see) the same as ie pc.

    I don't have safari so can't help with any of those.

    Problem five with mac ie5 and the secondary nav. On my mac the anchors are wider than the background of the list that surrounds them but they do display across the screen correctly. Simply changing the display:inline to float:left seems to cure all the problems as padding is properly applied to the float because it is a block element.

    Obviously you can hide this from other browsers and just give it to ie mac if you want.

    Problem 6 I didn't really understand because you can simply style the zebra table header anchors with.
    Code:
    #zebratabel th a {background:red}
    I'm sure you knew that anyway and there seems to be no problem withit in ie5 mac.

    Sorry if these comments aren't very helpful but I rarely use the mac and my knowledge of fixes for it is basically trial and error

    Paul

  4. #4
    SitePoint Member
    Join Date
    Feb 2004
    Location
    amsterdam
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Paul,
    Thanks a lot for your efforts.
    Although problem 2, 3 and 4 have been solved miraculously for both MacIE5 and MacSafari and problem 1 has been solved for MacSafari only - problems 5 and 6 still exist for both browsers, even after your help. I think problem 5 is the most important, so I think about posting that problem separately. There may be some Mac adept out on this Forum who will show the love for the platform and help me out of the problem
    Regards, have a nice weekend,
    Igor


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
  •