input boxar i IE7, lägre än 18px?

4 svar · 535 visningar · startad av UrMe 10 dec. 2007

UrMeMedlem sedan apr. 2001762 inlägg

Frågan10 dec. 2007 09:18#1

Jag har satt en inputbox till 14px hög, det fungerar bra i Firefox, ser även ut att fungera i IE7, men den trycker ändå ut så att själva tabellen den ligger i blir typ 18px hög. Man ser det om man markerar boxen.

Jag har bifogat en bild här:
http://www.urme.com/inputie7.jpg

Jag har markerat boxen och ser att den tar mer utrymme än vad som behövs, om jag gör boxen runt 18px+ så blir det inget sånt där extra utrymme.. till vänster ser man att den trycker ut hela tabellen typ 2-4px.

Väldigt störande, det går att få det att se bra ut i Firefox men inte IE7, har inte vågat kollat IE6 ännu.

TroxyMedlem sedan mars 20041 505 inlägg

10 dec. 2007 09:25#2

Jag tror att det fixar sig om du sätter vertical-align:middle på input-fälten.

UrMeMedlem sedan apr. 2001762 inlägg

10 dec. 2007 10:26#3

Det blev lite bättre men inte helt korrekt.

Så här ser det ut nu:

http://www.urme.com/input_ffvsie7.jpg

Den översta är firefox och nedanför är IE7, IE7 verkar fortfarande ha en pixel ovanför och nedanför som trycker ut allt.. hmm.. är det helt omöjligt att få det att se exakt likadant ut? :)

Så här ser css:en ut:

.inputboxlogin {
	border: 1px solid #d2d2d0;
	font-family:Verdana, Arial, sans-serif;
	color:#575757;
	width:127px;
	font-size:10px;
	height:14px;
	padding:2px 0 0 2px;
	margin:0 3px 0 0;
	vertical-align:middle;
}

TroxyMedlem sedan mars 20041 505 inlägg

11 dec. 2007 08:49#4

Just formulärfält skiljer sig ganska mycket bland olika webbläsare.
Att haka upp sig på enskilda pixlar blir ohållbart i längden.

UrMeMedlem sedan apr. 2001762 inlägg

11 dec. 2007 09:11#5

Kan du inte ringa till han som gjort designen och säga det? :bire För han förstår verkligen inte problemet :birp

Hehe får hitta på något, vill inte ens veta hur det ser ut i t.ex Safari :)