2 svar · 265 visningar · startad av inspiro
Jag har två texfält precis under varandra samt två selectlistor också under varandra. i IE så kommer selectlistorna att ligga på varandra helt utan någon marginal, medan det blir två pixlar mellanrum mellan textfälten trots att jag har satt att margin ska vara 0. I FF fungerar det bra så jag kan inte kompensera för detta heller för då blir det fel i FF.
Vad är det för fel på eländet? :(
<select />
-- inget mellanrum här, varken i IE eller FF
<select />
<input type="text" />
-- två pixlar mellanrum i IE men inte i FF
<input type="text" />
Bifogar en bild så ni kan se hur det blir. Select till vänster och textfält till höger, EXAKT samma inställningar. Verkar som textfälten i vista har en extra marginal i ovankant. Det enda som verkar funka är margin-top:-1 men då blir det ju fel i FF istället eftersom den visar rätt från början. HJÄLP! Jag verkligen avskyr sånt här...:(
Ehm, som användare är det absolut det sista man stör sig på, att det är en pixel för mycket här eller där. Om du absolut verkligen bara måste fixa detta eller om någon över dig har lite udda prioriteringar får du väl ta till IE-hack:
<!--[if lte IE 7]>
input {
margin-top: -1px;
}
<![endif]-->
Beroende på hur din sidstruktur ser ut kanske du behöver ändra lite genom att antingen:
Det borde funka att sätta margins i css-filen så att det blir rätt i IE och sedan använda attribut-selectors (CSS 3) för kompatibla webbläsare (Opera, Firefox, Safari etc) men det känns kanske inte lika rätt, eller jag vet inte. IE förstår iaf inte dessa så det borde blir rätt såhär också.