Leveys ei ole sama kuin leveys

Ovikaupassa se menisi varmaan jotenkin näin.

– Päivää. Tarvitsen oven 82,5 cm leveän oven.
– Tässä on ovimallisto, nämä ovat 82,5 cm leveitä. Missä te asutte?
– Helsingissä. Tuo jossa on tuommoinen kiva kahva…
– 84,8 cm
– …ja pieni ikkuna…
– 86,1 cm
– Häh? Siis 82,5 sen pitää olla!
– Aivan 82,5 cm, mutta kun siihen lisää tuon kahvan ja ikkunan niin ovi levenee. Tämä siis Helsingissä.
– Anteeksi mitä?
– Juu juu, Toijalassa ovi on aina 82,5 cm designistä riippumatta mutta Helsingissä se levenee jos ulkonäköä muutetaan.
– Argh!

***

Koodatessa se menee näin. Kun lomakkeen tekstialueen määrittää tyylitiedostossa seuraavanlaisesti:

width: 509px;
height: 280px;
padding: 7px;
border-width: 2px;

on tuloksena elementti jonka leveys Safarissa on 509 px mutta Firefoxissa 509+7+7+2+2 eli 527 px.

Argh!

2 thoughts on “Leveys ei ole sama kuin leveys

  1. Eli Safari käsittelee textareaa ja muitakin lomake-elementtejä kuin oltaisiin quirks modessa. Jännittävää. Edes IE5/Mac ei näköjään toimi noin. Mitenhän Win-IE?

  2. Safarissahan ei tällä hetkellä voi muokata lomake-elementtejä erikoisemmin. Taustavärin voi vaihtaa, tekstityypin ja -koon myös mutta border ja padding ei toimi. Muutos on kuitenkin joskus tulossa.

    Win-IEstä en osaa sanoa kun ei ole millä testata.

Comments are closed.