Firefox en CSS
Ik ben bezig om een website in elkaar te knutselen, alleen stuit ik op een klein probleem. Als ik mijn pagina's in Firefox open, verkleind die de teksten niet, terwijl ik dat toch heb aangegeven in mijn CSS bestand. Heeft iemand een oplossing..?
--Edit--
Als ik dezelfde pagina's in IE open, dan zijn de teksten gewoon wel verkleind.
Gewijzigd op 15/10/2005 19:55:00 door Eric Cartman
background: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10 px;
}
a:first-letter {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12 pt;
}
table {
background: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10 px;
}
td.menu {
width: 130 px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10 px;
}
input.submit {
color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10 px;
border-width: 1 px 1 px 1 px 1 px;
background-color: Black;
font-weight: bold;
}
input.text {
font-family: Verdana, Geneva, Arial, Helvectiva, sans-serif;
font-size: 10 px;
}
a {
color: #000000;
font-family: Verdana, Geneva, Arial, Helvectiva, sans-serif;
font-size: 10 px;
}
div.header {
color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10 px;
border-width: 1 px 1 px 1 px 1 px;
background-color: #000000;
font-weight: bold;
}
div.body {
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10 px;
border-width: 1 px 1 px 1 px 1 px;
background-color: #FFFFFF;
}
dus gewoon:
font-size: 10px;
in plaats van
font-size: 10 px;
Een andere tip is om percentages te gebruiken. Dan scalen de letters ook mee als een bezoeker tekst grote 'groot' kiest bijvoorbeeld (bij slecht ziende mensen).
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12 pt;
}
Beter geen pt gebruiken, maar %, px of em