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
784
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
Arman Alizadin viesti puna-aktivisteille: "Pitäkää lärvinne nytkin kiinni"
Arman Alizad kritisoi vasemmiston kaksinaismoralismia. Iranissa syntynyt suosikkijuontaja Arman Alizad pakeni perheensä3474401Minja Koskela nostanut vasemmistoliiton kannatuksen ennätykseen
Koskela valittiin puolueen johtoon lokakuussa 2024, ja silloin Ylen kysely antoi puolueelle 9,3 prosentin kannatuksen.1422478Antti johtaa Petteriä jo 7,1 prosenttiyksiköllä
Tällä menolla sdp menee kokoomuksesta kierroksella ohi jo tällä vaalikaudella. https://yle.fi/a/74-20213575822096- 1441626
- 261167
Hotelli kainuu
Mietityttää, hotelli Kainuussa, se, että asiakkaat voivat valita ketä saa olla ja ketä ei, Illan aikana asiakkaina!431150- 321106
- 791041
Seuraavakin hallitus joutuu leikkaamaan
Sitähän tämä hallitus nyt höpöttää, kun itse on ajanut tilanteen katastrofaaliseksi. Orpon hallitus lähti suurin puhein140999Ovatko vastasyntyneet vauvat syntisiä?
Se ihmisten keksimä järjetön perisynti, jos ovat!338978