Mikko Elo

Web


WWW - ohjelmoinnin muutamia kikkoja - tai pikemminkin omituisuuksia.

IE - ja TEXTAREA span atribuutilla levennetyssä taulukon solussa

TEXTAREA tagi ei kunnioita taulukon soluun määritetyä span attribuuttia. Firefox ja muut selaimet toimivat näissä tapauksissa oletetusti. ongelma korjaantuu kun TEXTAREA tagiin liitetään tyyli "display:table-cell;"

Rivikohtainen Formi katoaa Firefoxissa.

<form><tr><td><input type checkbox... - joo hieno idea - rivikohtainen lomake. Valitettavasti tämä poikkeaa HTML:n specseistä. IE:llä tämä ei ole ongelma, mutta firefox näyttää rivin ainoastaan suoraan sivua ladattaessa. Mikäli kysesen tyyppinen lomake haetaan AJAX -tyylisesti sivulle, ei kyseistä riviä näytetä lainkaan. - korjaa ongelma asettamalla <FORM> -tagit  taulukon ulkopuolelle.

CSS float ongelma

float tyylillä voidaan block elementit asettaa kellumaan jonkun tietyn sisällön reunaan. Päänvaivaa tuottaa useasti tapaukset joissa kelluvan elementin pitäisi olla tietyn alueen sisällä esim. reunat sisältävissä laatikossa jossa on kelluvia elementtejä. Useinkin virheeksi luultu ominaisuus on ihan standartinmukainen ilmiö. oletuksena esim kelluvan elementin sisältävän div tagin overflow - asetuksen muuttaminen "auto" - tyyppiseksi kuuluisi korjata ongelma. Mikäli halutaan käyttää marginaaleja (margin) tai väljyyttä (padding) o ne lisättävä uuteen div tagiin, jonka sisälle kelluvat "float" -elementit sijoitetaan. Näin vältytään ikävältä FF ja IE versioiden ongelmilta.

Tyylit sähköpostissa

Tämä kannattaa nykyisin unohtaa. MS Office 2007 Outlook -versiossa HTML renderöinti suoritetaan Wordin mukaan - Eli mikäli viestin HTML -muotoilu on edelliseltä vuosituhannelta voidaan olla suht koht varmoja, että viestin muotoilu on sama myös Kyseisessä Outlook -ohjelmassa. Sama linja jatkuu myös ilmestyneessä 2010 versiossa. 




 
 
Popup ikkunaan ladataan sisältöä lennosta
 
 
Popup ikkunaan ladataan sisältöä lennosta