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
776
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
- 814502
Persujen mukaan rasismi on huumoria
Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀584193Purra on kantanut vastuuta täyden kympin arvoisesti
Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans1234186BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön
Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että1803411- 1882715
Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta
Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome652683Surullista
Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa582597Hallitus on kaadettava ja Orpon on erottava
Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main352582Muuttunut käytös
Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?692475Väkeä oli liikkeellä
Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik432142