En hjemmeside vises ikke ens i de forskellige browsere. Specielt IE er slem til at gøre fonten større. I nogle tilfælde er fonten så stor, at den ser ud, som om teksten er skrevet med fed skrift.
Er der nogen her, der anvender style sheets til at mindske fonten, hvis hjemmesiden vises i fx IE 9 eller 10?
Jeg tænker på, om nogen har et lokal style-element, hvor fonten fx kun er 80 % selektivt for IE, og 100 % hvis det er alle andre browser-typer?
Det er forskelligt fra browser til browser hvordan de behandler skriftstørrelser, linjehøjde osv. hvis de ikke er defineret i dit stylesheet. Du kan med fordel smide en CSS reset foran dit stylesheet, som gerne skulle udglatte nogle af de problemer der kan være imellem browsere.
Den glemte jeg selvfølgelig lige i mine punkter ovenfor :) Det er nemlig en rigtig god idé sammen med DOCTYPE (som burde være en selvfølge, da IE ellers går i quirks mode)
Tak for jeres svar. Jeg vil prøve det, som I begge foreslår. Jeg har ikke pillet ved noget (endnu), fordi det er et system, jeg har valgt - Foundation. Jeg synes, at font-forskellen mellem IE og Chrome er større end normalt, så måske skal der pilles ved nogle parametre.
Hvis ikke de andres forslag fungerer er der også mulighed for at lave en css kun til IE, der kun indstiller skriftstørrelsen. Skriv en om, hvis du vil høre nærmere...
Det er rigtigt nok en reset som den, der muligvis vil kunne løse problemet. Men hvis det bare er skriftstørrelsen der er problemer med, er det ikke sikkert, at det er nødvendigt at indsætte den. Du kan muligvis bare sætte skriftstørrelsen til fx 100%. Jeg vil gerne tage et kig på siden, hvis du vil have det.
Hvis du vælger at forsøge dig med reseten, skal du indsætte den i toppen af dit style sheet.
Søren, jeg har googlet CSS reset og har downloadet Meyers reset 2.0.
Skal det indsættes forrest i det fælles style sheet, eller forrest i hvert dokument, fx i header-tag'en?
Jeg ville lave en separat css-reset fil og lægge den inden du henter dit nuværende stylesheet. Eksempel: <head> <meta charset="UTF-8"> <title>Title of the document</title> <link rel="stylesheet" type="text/css" href="cssreset.css"> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
Det er ikke det der er meningen med en reset. Jeg ved ikke om det fungerer.
Meningen er, at du sætter teksten ind i starten af dit style sheet. Jeg har ihvertfald aldrig brugt det på den måde, som du foreslår. Men det er jo heller ikke noget problem at tilføje det i starten af dit css style sheet.