IE vs Firefox ja CSS

IE 7 saattaa auttaa, mutta CSS pitää tehdä IE:lle erikseen, ei muu auta. Käytä konditionaalista kommentointia, sen avulla IE:lle voidaan osoittaa oma CSS.

Kuvan alla olevaan formiin tai tyylittele css-tiedostoon:
style="margin-top: 0px;"

Turha IE:n takia on erillisiä tyylejä tehdä, asettelet vaan marginaaleja missä vikaa ilmenee..!!

ie:n form ongelmiin...

form {
   display: inline;
}

Sivujen pitäisi näyttää samalta kaikilla selaimilla. Hyvä koodaaja ottaa sen lähtökohdan, että jos sivu toimii vain joko IE:llä tai Firefoxilla niin vika on koodaajassa eikä selaimissa.

En nyt jaksa perehtyä sen tarkemmin ongelmaasi. Mutta ihan yleisestikin voisin laittaa tähän pari kikkaa, jotka minun taisteluani noiden selaimien välillä ovat helpottaneet. Ehkä oletkin jo nämä tehnyt...

Koodataan xhtml:llä ja html-koodin alkuun laitetaan se määrittely koodi, tässä strictille:



Sitten kun IE:llä ja Firefoxilla on oletuksena joitain marginaaleja ja täytteitä niin nollataan ne kaikki css:n alussa.

* {padding:0px; margin:0px;}

Googlettamalla saattaa löytyä eri tyyppisiin ongelmiin ratkaisuja. Jos jostain syystä mitään ratkaisua ei johonkin ongelmaan keksi, niin sitten voi käyttää tällaista "kepulikonstia", joka nyt ei kyllä mitenkään oikea oppinen ole:

#laatikko {height: 260px}
* html #laatikko {height: 310px;}

Kaikki selaimet lukee tuon ensimmäisen rivin. Vain IE lukee tuon "* html"-alkuisen rivin ja jos on samalla asialle kaksi eri määrittelyä, niin se lukee aina sen jälkimmäisen. Eli nyt IE:llä laatikon korkeus olisi 310px ja muilla selaimilla 260px...