Mac browser fine tuning

[igorf]

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)?

[Paul O'B]

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

[Paul O'B]

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.

#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

[igorf]

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