FireFox-problem

hvad mener du praecist med at cursoren ikke centreres vertikalt? Og har du ikke en side vi kan teste i stedet?

Som en personlig note saa jeg gerne at man undlod at saette hoejde paa inputs. Jeg saetter minimums hoejden paa min FF til 15px (FF kan skalere fontstoerrelser som er angivet i PX, det kan IE ikke), og saa kan teksten ikke vaere i inputfeltet, hvorefter FF skaerer det nederste af teksten af. Det er ret traels for mig som slutbruger, og ses desvaerre alt for ofte rundt omkring.

Jeg mener helt præcist:

I alle browsere er højden på text-feltet rigtigt nok. I MSIE står cursoren og blinker i midten af text-feltet, men i alle de andre blinker cursoren helt øverst oppe i text-feltet.

Som en personlig note ser jeg gerne mine elementer tilpasset til det øvrige design, så jeg ikke får store byggeklodser midt i det hele :)

MSIE skalerer forøvrigt fint fontstørrelser i pixels, og jeg er aldrig rendt i dit problem med, at det nederst af teksten skæres af i FireFox ...?

Kan vi ikke faa en side?

Oeverst oppe? er det et textarea felt du taler om? Hvordan kan noget vaere oeverst oppe naar der kun er en linie?

Hvilken MSIE er det og hvordan er siden sat op? Saa vidt jeg ved kommer det meget an paa dette.

Proev at tage FF og saet minimums fontstoerrelsen til noget stort. Saa kan man se problemet.

Nej, desværre, siden er beskyttet, meget privat, og ejeren ønsker ikke, at det må vises :) Hvis du gerne vil se det i praksis, kan du kopiere ovenstående ind i et dokument, det er meget enkelt.

Ja, øverst oppe i text-feltet, ikke textarea: <input type="text">

Det gælder alle versioner af MSIE, her står cursoren og blinker yderst til venstre i textfeltet. I alle andre browsere står cursoren og blinker aller øverst i textfeltet, ikke i midten.

Nu ser jeg problemet (ved at sætte højden til at være meget større), husk forresten at du specificerer en klasse, ikke alle inputs, så din input ovenfor dur ikke.

Jeg tvivler på at du kan styre dette, men det kan de andre måske forklare noget om. Det er en af de ting browserne gør forskelligt, det må man bare acceptere.

Ok, nu gjorde du mig lidt rundtosset :) Ja, jeg specificerer en klasse på et element, og det er ikke sikkert, at andre browsere end MSIE understøtter denne styling. Hvad mener du helt præcist med, at jeg skal huske, at jeg specificerer en klasse, og ikke alle inputs, så det ovenstående input ikke duer?

.input {
.........
}

er blot navnet på denne styling, og er ikke et reserveret ord.

.input {...}

styler klassen 'input', dvs. f.eks. <div class="input">, hvor imod

input {...}

styler tagget input

bemaerk at

div.input {...}

er specielt for div med klassen input, mens

.input {...}

gaelder for alle tags specificeret med klassen 'input'

Naar du saa skriver <input type="text"> saa faar den jo ikke styling med

.input {...}

da jeg ikke kan se siden, kan jeg ikke se hvad du har anvendt, og derfor ville jeg lige praecisere (bare i det tilfaelde at der var det som gav problemet). Hvilket jeg dog ikke tror det er, da jeg sagtens kan reproducere problemet ved at anvende

<input class="input" type="text" >

og aendre height til f.eks. 27px

Ok, jeg takker for dit input :)

Jeg styler nu også med

.input {
....
}

<input type="text" class="input">

Om det ene står først eller sidst, er ligemeget.

Jeg tror det er på tide at lukke :)