Varmaankin ikuisuusongelma tulee olemaan, että IE ja Firefox eivät näytä CSS:ää samalla tavalla. Nyt en yritäkään siihen löytää ratkaisua vaan tähän:
Sivulla http://www.suklaayhdistys.com on vasemmalla valikon yläosassa ruutu, josta voi tilata uutiskirjeen. Firefoxilla katsottuna tekstikenttä on juuri sopivalla etäisyydellä keltaisesta otsikosta, mutta IE:llä katsoessa noita kahta asiaa ei juuri meinaa yhdistää toisiinsa, kun ovat niin kaukana toisistaan. Samaa etäisyysongelmaa esiintyy monessa muussakin paikassa sivustolla, mutta en tiedä miten ongelma korjataan.
Löytyisikö täältä apuja ongelman ratkaisuun, koska kaikkia surffaajia tuskin koskaan saadaan siirtymään Firefoxin pariin :-)
t. Jarkko
IE vs Firefox ja CSS
SuklaaJarkko
7
751
Vastaukset
- Macmää
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.
- SuklaaJarkko
Pitääpäs ensin selvittää itselleni miten tuo tehdään. Kiitos vinkistä.
- Ridge
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..!!- SuklaaJarkko
...mutta pitää tarkistaa ajatuksen kanssa mistä tyylistä se väli ilmestyy siihen, josko siitä on kyse.
- _punk_
ie:n form ongelmiin...
form {
display: inline;
}- SuklaaJarkko
Kiitos paljon!
- Minttuli_
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...
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433753- 382508
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?342031- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001612- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419