Links in Safari klein

Ik ben op dit moment bijna klaar met m'n portfolio site. Ik heb al aan wat mensne gevraagt of ze in hun brouwser me site konden testen. Alles werkte goed. Alleen in Safari zijn alle links heeel klein.

[b:4ad6b80144]Voorbeeld:[/b:4ad6b80144]

Opera:
[img:4ad6b80144]http://img405.imageshack.us/img405/2975/afbeelding1xz2.png[/img:4ad6b80144]

Safari:
[img:4ad6b80144]http://img405.imageshack.us/img405/8962/afbeelding2he2.png[/img:4ad6b80144]

Wat kan ik hier tegen doen?

Link naar site? Hier zijn wij niks mee.

waarschijnlijk iets in je css.. met links en maten in misschien procenten of em..

De CSS:

[code:1:cabab2b90c]<style>
.tabel_border { border-right: 1px solid #000000; border-bottom: 1px solid #000000; }

/**** BODY ****/
body { margin: 0px 0px 0px 0px; }
body, code, table, td, pre { font-size: 8pt; color: #000000; font face: arial; cursor: default; }
a:link { font-size: 7,5pt; color: #1b1411; font face: arial; text-decoration: none; }
a:visited { font-size: 7,5pt; color: #1b1411; font face: arial; text-decoration: none; }
a:hover { font-size: 7,5pt; color: #000000; font face: arial; text-decoration: underline; }
a:active { font-size: 7,5pt; color: #1b1411; font face: arial; text-decoration: none; }
input,textarea,select {
border: solid #000000 1px;
color: #000000;
font-size: 12px;
font-weight: Trebuchet MS;
}

input.go {
border: solid #000000 0px;
background-color: #000000;
color: #FFFFFF;
font-size: 12px;
font-weight: Trebuchet MS;
font-weight: bold;
padding: 0 5 0 5;
cursor: hand;
}
.style3 {color: #FFFFFF}
</style>[/code:1:cabab2b90c]

gebruik px ipv pt

Dit is nu de CSS: [code:1:0bdcb31c53]<style> .tabel_border { border-right: 1px solid #000000; border-bottom: 1px solid #000000; }

/**** BODY ****/
body { margin: 0px 0px 0px 0px; }
body, code, table, td, pre { font-size: 8pt; color: #000000; font face: arial; cursor: default; }
a:link { font-size: 7,5px; color: #1b1411; font face: arial; text-decoration: none; }
a:visited { font-size: 7,5px; color: #1b1411; font face: arial; text-decoration: none; }
a:hover { font-size: 7,5px; color: #000000; font face: arial; text-decoration: underline; }
a:active { font-size: 7,5px; color: #1b1411; font face: arial; text-decoration: none; }
input,textarea,select {
border: solid #000000 1px;
color: #000000;
font-size: 12px;
font-weight: Trebuchet MS;
}

input.go {
border: solid #000000 0px;
background-color: #000000;
color: #FFFFFF;
font-size: 12px;
font-weight: Trebuchet MS;
font-weight: bold;
padding: 0 5 0 5;
cursor: hand;
}
.style3 {color: #FFFFFF}
</style>[/code:1:0bdcb31c53]

Nog steeds klein in Safari

Waarschijnlijk omdat er ook 7,5 px staat aangegeven bij de links, terwijl de rest 12 px krijgt ?

Toen ik ze 12 gaf waren ze nog iets te groot. Heb hem nu 10 gemaakt en in zowel Opera als Safari staan ze mooi en normaal. Bedankt.

Dat komt omdat je pixels gebruikt. Dat is een absolute waarde.

Je moest indd ook nog de waarde voor px aanpassen.