webForumDet fria alternativet

Textfältet blir olika stort i olika webbläsare

HTML & CSS

1 svar · 407 visningar · startad av Tjock-Erik

Medlem sedan nov. 2002102 inlägg
Frågan#1

Jag har ett litet problem. Ett textfält blir två pixlar högre i Mozilla än i Opera.

Kod:

<form>
<input type="text" class="textfalt" />
</form>

#sokfalt input.textfalt {
padding: 2px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 13px;
border: 1px solid #CCC;
}

Har jag nissat något? Jag har inte ändrat några inställningar för form med hjälp av CSS.

Medlem sedan mars 20025 907 inlägg
#2

Det beror på att Opera tolkar css-standarden fel. Textfältet blir i mozilla line-height + border-tjocklek (dvs 13 + 1*2 (borde både uppe och nere)). I Opera blir fältet istället 13px högt, bordern ligger alltså medräknat i de 13px.

Något luddigt förklarat, men du kanske fattar?

263 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)