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
791
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
Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial21625Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras1061587Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva2291104Lahkokasteen ja kristillisen kasteen erot
Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks4221068- 128909
Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."
Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt2846Kuka omistaa keltaisen vanhan aravan?
Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks29817- 10815
Pirkanlinna yleisötapahtuma
Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks47807- 68777