/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problemer med textarea i Firefox
Fra : Jesper Juul-Mortense~


Dato : 12-05-06 14:17


Davs,

Jeg har et lille problem med højden på et textarea felt i Firefox. Der
er ingen problemer i Opera, IE (5, 6 og 7), hvor nedenstående textarea
forventeligt er 2 rækker højt. I Firefox er den derimod 3 rækker høj -
den er altid én række højere end i de andre nævnte browsere.

<textarea cols="40" rows="2">ARGH!</textarea>

Hvorfor!?! pft.

/Jesper

 
 
Christoffer Kjeldgaa~ (12-05-2006)
Kommentar
Fra : Christoffer Kjeldgaa~


Dato : 12-05-06 14:29

Jesper Juul-Mortensen skrev:
> Hvorfor!?! pft.

Kom hellere med et link til din side, så vi kan se problemet.

--
Christoffer Kjeldgaard Petersen
http://roundup.dk/ - http://fleksible.dk/

Jesper Juul-Mortense~ (12-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 12-05-06 14:35

On Fri, 12 May 2006 15:29:09 +0200, Christoffer Kjeldgaard Petersen
<spam@ingen.invalid> wrote:

>Kom hellere med et link til din side, så vi kan se problemet.

http://www.dynabyte.dk/textarea.html

/Jesper

Jesper Juul-Mortense~ (12-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 12-05-06 17:35

On Fri, 12 May 2006 13:16:48 GMT, Jesper Juul-Mortensen
<na@na.invalid> wrote:


>Hvorfor!?!

Kan lige tilføje at Konqueror 3.4 også viser det korrekt.

Det lader til at være et 6 år gammelt problem:
https://bugzilla.mozilla.org/show_bug.cgi?id=33654

/Jesper

Ukendt (12-05-2006)
Kommentar
Fra : Ukendt


Dato : 12-05-06 17:49


"Jesper Juul-Mortensen" <na@na.invalid> skrev i en meddelelse
newseej3-bfa.ln1@news.frostbyte.dk...
>
> Davs,
>
> Jeg har et lille problem med højden på et textarea felt i Firefox. Der
> er ingen problemer i Opera, IE (5, 6 og 7), hvor nedenstående textarea
> forventeligt er 2 rækker højt. I Firefox er den derimod 3 rækker høj -
> den er altid én række højere end i de andre nævnte browsere.
>
> <textarea cols="40" rows="2">ARGH!</textarea>
>
> Hvorfor!?! pft.

Aner det ikke. Du kan vel bare angive textarea'ets størrelse med CSS, som
man normalt gør med alle andre elementer. Rows og cols skal dog stadig
angives for siden validerer, men angivelserne i CSS overskriver disse


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk




Jesper Juul-Mortense~ (12-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 12-05-06 19:08

On Fri, 12 May 2006 18:48:31 +0200, "CS" <askmeforanaddress> wrote:

>Du kan vel bare angive textarea'ets størrelse med CSS, som
>man normalt gør med alle andre elementer.

Ulempen herved er, at man ender op med halve rækker afhængig af
fontstørrelsen hos brugeren osv.
Det er vel heller ikke normalt at angive højden på et input felt, men
kun bredden.

/Jesper

Erik Ginnerskov (12-05-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 12-05-06 20:17

Jesper Juul-Mortensen wrote:

>> Du kan vel bare angive textarea'ets størrelse med CSS, som
>> man normalt gør med alle andre elementer.
>
> Ulempen herved er, at man ender op med halve rækker afhængig af
> fontstørrelsen hos brugeren osv.

Ikke hvis du angiver højden i enheden em:

textarea {
height: 2em;
}

.... skulle give en højde på to skrivelinjer, uanset hvilken tekststørrelse
brugeren har valgt.

Hvis det kun skal gælde et bestemt textarea, kan du tildele det en class
eller id og sætte højden på denne:

<textarea class="toem" name="foo" cols="30" rows="2"></textarea>

..toem {
height: 2em;
}

På samme måde kan du i css definere bredden (width).

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Jesper Juul-Mortense~ (12-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 12-05-06 20:42

On Fri, 12 May 2006 21:17:17 +0200, "Erik Ginnerskov"
<erik@donotspammmeplease.invalid> wrote:

>Ikke hvis du angiver højden i enheden em

Been there, got the t-shirt.

Se f.eks. http://www.dynabyte.dk/textarea_cssheight.html

Virker næsten i IE, men i Opera svarer det til ca. 1,3 linie og i
Firefox ca. 1,6 linie.

/Jesper

Erik Ginnerskov (12-05-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 12-05-06 21:02

Jesper Juul-Mortensen wrote:

> Been there, got the t-shirt.
>
> Se f.eks. http://www.dynabyte.dk/textarea_cssheight.html
>
> Virker næsten i IE, men i Opera svarer det til ca. 1,3 linie og i
> Firefox ca. 1,6 linie.

Du har lavet det med inline-css. Derfor kan jeg ikke lege med det online.
Prøv at give siden en ekstern css.

Du kan også prøve at eksperimentere med at sætte decimaler på
højdeangivelsen:

textarea {
height: 2.5em;
}

Bemærk, at der skal benyttes punktum som decimal-adskiller.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Jesper Juul-Mortense~ (12-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 12-05-06 21:10

On Fri, 12 May 2006 22:02:20 +0200, "Erik Ginnerskov"
<erik@donotspammmeplease.invalid> wrote:

>Du kan også prøve at eksperimentere med at sætte decimaler på
>højdeangivelsen:

Har prøvet alle tricks - det bliver aldrig ens i IE, Opera, Firefox
eller Konqueror. Undlader jeg at specificere højden i CSS, men
overlader det til rows, så er det kun Firefox der fejler i
fremvisningen.

Firefox er umiddelbart også den eneste af de 4 browsere der fejler
testen:
http://www.w3.org/MarkUp/Test/HTML401/20030123/tests/sec17_7-BF-01.html

/Jesper

Ukendt (12-05-2006)
Kommentar
Fra : Ukendt


Dato : 12-05-06 21:56


"Jesper Juul-Mortensen" <na@na.invalid> skrev i en meddelelse
news:9v4fj3-v3h.ln1@news.frostbyte.dk...
> On Fri, 12 May 2006 21:17:17 +0200, "Erik Ginnerskov"
> <erik@donotspammmeplease.invalid> wrote:
>
>>Ikke hvis du angiver højden i enheden em
>
> Been there, got the t-shirt.
>
> Se f.eks. http://www.dynabyte.dk/textarea_cssheight.html

Hvad er det egentlig du prøver at opnå? For mig at se kan det være ret lige
meget om der en linje mere eller mindre i et textarea. Bare det er tilpas
stort, og ikke bare en lille gnidret rubrik. Hvis det er fordi det skal
passe ind i et design kan du jo angive størrelse i faste enheder med css.
Hvor mange linjer der igen er plads til i textareaet inden der kommer et
rullepanel kan da være lige meget. Den linje man skriver i vil altid blive
vist.

Så tager jeg ikke fejl bruger du tid på noget som ikke har nogen praktisk
betydning


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Jesper Juul-Mortense~ (12-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 12-05-06 22:06

On Fri, 12 May 2006 22:56:10 +0200, "CS" <askmeforanaddress> wrote:

>Hvad er det egentlig du prøver at opnå?

At få det samme antal linier uanset hvilken browser der benyttes.

>For mig at se kan det være ret lige meget om der en linje mere eller mindre i et textarea.

Sådan er vi så forskellige. For mig har det betydning for det design
og den virkemåde jeg forsøger at opnå, hvilket jo også er grunden til
jeg har gidet bruge tiden på at undersøge problemet.

>Så tager jeg ikke fejl bruger du tid på noget som ikke har nogen praktisk
>betydning

Sådan kunne man argumentere for stort set al design af websider.

/Jesper

Allan Vebel (12-05-2006)
Kommentar
Fra : Allan Vebel


Dato : 12-05-06 22:45

Jesper Juul-Mortensen skrev:

> At få det samme antal linier uanset hvilken browser
> der benyttes.

Giver

textarea{
width:100px;
height:100px;
}

ikke det samme over det hele?

> For mig har det betydning for det design og den
> virkemåde jeg forsøger at opnå

Det er ikke altid muligt at få det samme udseende i
forskellige browsere og i forskellige styresystemer - du
må leve med den lille forskel der er.

--
Allan Vebel
http://html-faq.dk



Jesper Juul-Mortense~ (12-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 12-05-06 22:56

On Fri, 12 May 2006 23:44:56 +0200, "Allan Vebel" <spam@do.not> wrote:

>> At få det samme antal linier uanset hvilken browser
>> der benyttes.
>
>Giver
>
>textarea{
>width:100px;
>height:100px;
>}
>
>ikke det samme over det hele?

Jo, samme størrelse, men ikke samme antal linier.

>Det er ikke altid muligt at få det samme udseende i
>forskellige browsere og i forskellige styresystemer - du
>må leve med den lille forskel der er.

Sådan er det jo desværre tit, men derfor tillod jeg mig nu alligevel
at poste her i håbet om at nogen skulle have stødt på problemet før og
fundet en brugbar løsning.

/Jesper

Allan Vebel (13-05-2006)
Kommentar
Fra : Allan Vebel


Dato : 13-05-06 01:22

Jesper Juul-Mortensen skrev:

> Jo, samme størrelse, men ikke samme antal linier.

Definerer du også skrifttype og skriftstørrelse for feltet,
burde det fungere næsten enartet i alle browsere (hurra
for den lille forskel).

> skulle have stødt på problemet før og fundet en brugbar
> løsning.

Jeg er stødt på det flere gange, der ER en lille forskel
browsere imellem, og jeg forstår ikke hvorfor du vil gøre
så stort et nummer ud af noget så småt.

--
Allan Vebel
http://html-faq.dk



Jesper Juul-Mortense~ (13-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 13-05-06 12:22

On Sat, 13 May 2006 02:22:06 +0200, "Allan Vebel" <spam@do.not> wrote:

>Definerer du også skrifttype og skriftstørrelse for feltet,
>burde det fungere næsten enartet i alle browsere (hurra
>for den lille forskel).

Men det gør det ikke.

>Jeg er stødt på det flere gange, der ER en lille forskel
>browsere imellem, og jeg forstår ikke hvorfor du vil gøre
>så stort et nummer ud af noget så småt.

Mit spørgsmål oprindeligt var hvorfor der var denne forskel i antal
linier, hvilket jeg siden har fundet ud af skyldes en fejl i Firefox,
og så om det var en løsning herpå.

Jeg kan ikke se hvorfor mit spørgsmål skal klassificeres som "noget så
småt".

Jeg har aldrig haft et ønske om at tvinge mit textarea til en bestemt
pixelstørrelse, men blot haft det ønske, at det var 3 linier stor når
nu jeg angav at den skulle være 3 linier stor. Det er ikke
altafgørende, at den bliver en linie større i Firefox, men jeg fandt
det, fejlagtigt, alligevel værd at spørge om nogen kendte en løsning.

Der er en fejl i Firefox (jvf. de links jeg tidligere har postet),
hvilket besværliggører et simpelt ønske om at få det samme antal hele
linier i et textarea i de forskellige browsere og der er
tilsyneladende ikke et hurtigt hack der kan rette op på det.
Mere svar ønskede jeg sådan set ikke.

Jeg gider ikke forsvare min nysgerrighed over for problemstillingen,
men tak fordi i gad kigge på det.

/Jesper

Erik Ginnerskov (13-05-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-05-06 23:00

Jesper Juul-Mortensen wrote:
> On Fri, 12 May 2006 23:44:56 +0200, "Allan Vebel" <spam@do.not> wrote:
>
>>> At få det samme antal linier uanset hvilken browser
>>> der benyttes.

>> Giver
>>
>> textarea{
>> width:100px;
>> height:100px;
>> }
>>
>> ikke det samme over det hele?

> Jo, samme størrelse, men ikke samme antal linier.

Og hvilken praktisk betydning har det så? Der er næppe nogen af dine
potentielle brugere, som ser din side i to forskellige browsere og derved
bemærker forskellen.

Forskellige browsere har nu engang forskellig default linjeafstand for en
given font. Og forskellig default margin og padding på de forskellige
html-elementer.

Du er i gang med at kaste dig ud i pixeltyrani. Riv dig dog løs af det og
lev med de små ubetydelige forskelle.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Jesper Juul-Mortense~ (14-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 14-05-06 04:40

On Sun, 14 May 2006 00:00:13 +0200, "Erik Ginnerskov"
<erik@donotspammmeplease.invalid> wrote:

>Og hvilken praktisk betydning har det så? Der er næppe nogen af dine
>potentielle brugere, som ser din side i to forskellige browsere og derved
>bemærker forskellen.

Det har ingen reel praktisk betydning, men derfor undrede jeg mig
stadig over det og havde, hvis nogen kendte en nem løsning, et ønske
om at få det ens.

>Forskellige browsere har nu engang forskellig default linjeafstand for en
>given font. Og forskellig default margin og padding på de forskellige
>html-elementer.

Det er bare ikke det der er problemet her.

>Du er i gang med at kaste dig ud i pixeltyrani. Riv dig dog løs af det og
>lev med de små ubetydelige forskelle.

Som jeg har skrevet før, så var mit spørgsmål ganske simpelt hvorfor
der var denne forskel og om der var en løsning. Siden har jeg selv
fundet ud af, at den ideelle løsning ikke er lige for, men af en eller
anden grund skal jeg forsvare mig overfor deltagere i gruppen her.

Hold op med at tillæge mig den holding, at det er altafgørende at det
skide textarea felt er lige stort i alle browsere, men hvis der var en
der lige sad med en løsning, så var det da værd at tage med.
Og når nu grupperne her prædiker cross-browser-halleluja og folk kan
bruge timer på det grafiske til designet, hvorfor så ikke bruge 5
minutter på at skrive et indlæg om et textarea, der immervæk indgår
som en del af designet?

Hvorfor er det så fy-fy at undre sig over, at et textarea i Firefox
ikke opfører sig som forventet og spørge hvorfor og om der var nogen
der kendte en løsning?

/Jesper

Erik Ginnerskov (14-05-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 14-05-06 21:27

Jesper Juul-Mortensen wrote:

> Som jeg har skrevet før, så var mit spørgsmål ganske simpelt hvorfor
> der var denne forskel og om der var en løsning.

> Hold op med at tillæge mig den holding, at det er altafgørende at det
> skide textarea felt er lige stort i alle browsere,

Rolig, nu. Det udsagn at du kun undrede deg, havde jeg ikke set, da jeg
svarede. Derfor var det - åbenbart fejlagtigt - min opfattelse, at det for
dig pinedød var vigtigt at opnå en nøjagtig ens visning i alle browsere.

Jeg undskylder, hvis jeg har fornærmet dig. Det var ikke tilsigtet.

> Hvorfor er det så fy-fy at undre sig over,

Det er absolut ikke fy at undre sig. Det er ofte sådan, man lærer noget.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Ukendt (13-05-2006)
Kommentar
Fra : Ukendt


Dato : 13-05-06 10:04


"Jesper Juul-Mortensen" <na@na.invalid> skrev i en meddelelse
news:hu9fj3-6tj.ln1@news.frostbyte.dk...

>>For mig at se kan det være ret lige meget om der en linje mere eller
>>mindre i et textarea.
>
> Sådan er vi så forskellige. For mig har det betydning for det design
> og den virkemåde jeg forsøger at opnå, hvilket jo også er grunden til
> jeg har gidet bruge tiden på at undersøge problemet.

Allan har sådan set givet dig svaret, men vil da gerne se et eksempel på et
design hvor et bestemt antal linjer i et textarea er så afgørende? Har du et
link?


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Jesper Juul-Mortense~ (13-05-2006)
Kommentar
Fra : Jesper Juul-Mortense~


Dato : 13-05-06 12:22

On Sat, 13 May 2006 11:04:22 +0200, "CS" <askmeforanaddress> wrote:

>Allan har sådan set givet dig svaret,

Ikke på det jeg spurgte om.

>men vil da gerne se et eksempel på et design hvor et bestemt
>antal linjer i et textarea er så afgørende? Har du et link?

Det er ikke alment tilgængeligt.

Jeg havde blot et simpelt ønske om, at antal linier var ens og en
undren over hvorfor der var den forskel. Det er ikke altafgørende.
(jvf. mit svar til Allan Vebel).

/Jesper

Ukendt (14-05-2006)
Kommentar
Fra : Ukendt


Dato : 14-05-06 21:58


"Jesper Juul-Mortensen" <na@na.invalid> skrev i en meddelelse
news:p3sgj3-6e51.ln1@news.frostbyte.dk...

>>men vil da gerne se et eksempel på et design hvor et bestemt
>>antal linjer i et textarea er så afgørende? Har du et link?
>
> Det er ikke alment tilgængeligt.
>
> Jeg havde blot et simpelt ønske om, at antal linier var ens og en
> undren over hvorfor der var den forskel. Det er ikke altafgørende.
> (jvf. mit svar til Allan Vebel).

Er skam også helt fint at undre sig. Synes bare at det kom til at
fremstå som om det var_meget_vigtigt at der et bestemt antal linjer i et
textarea, hvilket jo er fløjtende lige meget da man aldrig som designer aner
noget om, hvor meget ens bruger har tænkt sig at indtaste. Med mindre man
har sat en begrænsning på selvfølgelig. Men under alle omstændigheder
har det jo ingen betydning under designing af siden, da størrelsen kan
styres med simpelt css.

beklager hvis vi har misforstået hinanden


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408941
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste