IE vs Firefox ja CSS

SuklaaJarkko

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

7

725

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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

    1. Ensitreffit Jenni laukoo viinilasin ääressä suorat sanat Jyrkin aikeista: "Mä sanoin, että älä"

      Voi ei… Mitä luulet: kestääkö Jennin ja Jyrkin avioliitto vai päättyykö eroon? Lue lisää: https://www.suomi24.fi/viihde
      Ensitreffit alttarilla
      27
      2900
    2. Ymmärrän paremmin kuin koskaan

      Roikut kädessäni ja vedät puoleesi. Näen kuitenkin tämän kaiken lävitse ja kaikkien takia minun on tehtävä tämä. Päästän
      Tunteet
      33
      2545
    3. 148
      2274
    4. Hullu liikenteessä?

      Mikä hullu pyörii kylillä jos jahti päällä? Näitä tosin kyllä riittää tällä kylällä.
      Kiuruvesi
      54
      2249
    5. Niina Lahtinen uudessa elämäntilanteessa - Kotiolot ovat muuttuneet merkittävästi: "Nyt on...!"

      Niina, tanssejasi on riemukasta seurata, iso kiitos! Lue Niinan haastattelu: https://www.suomi24.fi/viihde/niina-lahti
      Suomalaiset julkkikset
      24
      1870
    6. Kun Venäjä on tasannut tilit Ukrainan kanssa, onko Suomi seuraava?

      Mitä mieltä olette, onko Suomi seuraava, jonka kanssa Venäjä tasaa tilit? Ja voisiko sitä mitenkään estää? Esimerkiks
      NATO
      391
      1706
    7. Ano Turtiainen saa syytteet kansankiihoituksesta

      Syytteitä on kolme ja niissä on kyse kirjoituksista, jotka hän on kansanedustaja-aikanaan julkaissut Twitter-tilillään
      Maailman menoa
      104
      1652
    8. Pyhäinpäivän aamua

      Oikein hyvää huomenta ja rauhallista päivää. ❄️😊🥱☕❤️
      Ikävä
      311
      1561
    9. Kunta ostaa kivitipun

      Kunnanjohtajan tuleva uusi ostokohde
      Lappajärvi
      135
      1459
    10. Varokaa! Lunta voi sataa kohta!

      Vakava säävaroitus Lumisadevaroitus Satakunta, Uusimaa, Etelä-Karjala, Keski-Suomi, Etelä-Savo, Etelä-Pohjanmaa, Pohjanm
      Maailman menoa
      13
      1446
    Aihe