Hei, ongelmani on se, että käyttäessäni css muotoiluja IE näyttää oikein, mutta firefox (uusin) ei tottele css muotoiluja. Eli firefox näyttää fontin koon huomattavasti isompana. Alla fontti ja kappale muotoilu css:ssä.
h1 { font-family: Arial; font-size: 12 pt; text-align: left; text-decoration:
underline; margin-left: 5; margin-top: 10 }
h2 { font-family: Arial; font-size: 10 pt; text-transform: uppercase; text-align:
left; margin-left: 5; margin-top: 10 }
p { font-size: 10 pt; font-family: Arial; text-align: left; text-valign: top; margin-left: 5 }
css ja firefox
fontti_pulma
16
1760
Vastaukset
- fontti_pulma
Eli nyt kysyisin, että voiko ongelmaa korjata css:ssä vai joudunko muotoilla koodiin kaikki otsikot ja kappaleet, jotta näyttäisivät samalta ie:ssä ja firefoxissa????
- Nolitsi
Määrittele ensin body:lle fonttikoko absoluuttisena mittana, esimerkiksi 12 px; eli 12 pikseliä. Sen jälkeen kaikki muut fonttikoko määritykset suhteellisena kokona, esimerkikisi 1 em; mikä vastaa sitten tuota 12 pikselin kokoa. Tai esimerkiksi 2 em; mikä vastaa 24 pikseliä, tai 0.75 em; mikä vastaa 9 pikselin kokoa.
- The Rat
Et ole bodylle näemmä määritellyt mitään fonttikokoa. Siitä periytyy sitten mm. taulukoiden soluihin, diveihin, jne. En ole ihan varma periytyykö noihin jos laitat p:n sisään (mutta miksi niin tekisit).
Kokemuksena olen kyllä ollut huomaavinani että firefox on se joka noita määrityksiä noudattaa, IE pääsääntöisesti ei. Tosin IE "arvaa" aika paljon mitä koodari on käyttänyt, mistä seuraa sitten tietysti se että koodi ei "oikeilla" selaimilla toimi. :)
Mutta edelleen, määritä se body, siitä kaikki lähtee. - fontti_pulma
ei toimi ainakaan näin, en varmaan ymmärtänyt täysin neuvojanne :)
body {font-size: 10 px; font-family: Arial }
h1 { font-family: Arial; font-size: 1 em; text-align: left; text-decoration:
underline; margin-left: 5; margin-top: 10 }
h2 { font-family: Arial; font-size: 0,8 em; text-transform: uppercase; text-align:
left; margin-left: 5; margin-top: 10 }
p { font-size: 0,8 em; font-family: Arial; text-align: left; text-valign: top; margin-left: 5 }- Poro1
"text-valign: top"
tuo lienee turha p elementissä, mutta td määrittelyssä hyvä. Eli laita taulukon solun määrityksiin tuo...
oletkos kokeillut
{font: 12px arial;margin-left: 5px;}
Joskus taisi olla ongelma tuo puuttuva px marginissa, mutta saatan olla väärässäkin...
:) - Höpö.
Teet vaan turhaa sekasotkua jos kirjoittelet joka paikkaan määrityksiä jotka ovat jo voimassa.
body {font-size: 10 px; font-family: Arial }
Tämän jälkeen tuo kaikki periytyy kaikkeen mikä on bodyn sisällä. Älä siis turhaan ilmoita sellaista joka on jo voimassa. Eli muunmuassa kaikki loput fonttimääritykset ovat turhia, määrittele niitä vain silloin kun poiketaan perusmäärityksestä.
Ja muuten: älä IKINÄ käytä alleviivausta muualle kuin linkkeihin. Ei siis mitään otsikon alleviivauksia tai muuta hölmöä. Jos haluat korostaa tekstiä, siihen on miljoona parempaakin tapaa.
Sitten varsinaiset virheet:
Kannattaa katsoa css-validaattorilla ( http://jigsaw.w3.org/css-validator/ valitse vaikka se "by direct Input" jos haluat näppytellä tai copypastata suoraan koodin jonka haluat tarkastaa). Virheitä on todella paljon.
Ensinnäkin mittayksikkö pitää tulla heti numeroarvon perään.
siis ei
font-size: 10 px;
vaan
font-size: 10px;
Mittayksikköä pitää käyttää aina silloin kun mitta on muuta kuin nolla. Nolla kelpaa ilman yksikköä.
Sitten ameriikassa on käytössä desimaaliPISTE, ei pilkku kuten meilla tavataan laittaa. Siis ei
font-size: 0,8 em;
vaan
font-size: 0.8 em;
tai
font-size: .8 em;
Ja sitten vielä sellaista kuin text-valign ei ole olemassakaan.
Suosittelisin css-editorin käyttöä. Vaikka TopStyle on ihan jees:
http://www.newsgator.com/Individuals/ - Höpö.
Höpö. kirjoitti:
Teet vaan turhaa sekasotkua jos kirjoittelet joka paikkaan määrityksiä jotka ovat jo voimassa.
body {font-size: 10 px; font-family: Arial }
Tämän jälkeen tuo kaikki periytyy kaikkeen mikä on bodyn sisällä. Älä siis turhaan ilmoita sellaista joka on jo voimassa. Eli muunmuassa kaikki loput fonttimääritykset ovat turhia, määrittele niitä vain silloin kun poiketaan perusmäärityksestä.
Ja muuten: älä IKINÄ käytä alleviivausta muualle kuin linkkeihin. Ei siis mitään otsikon alleviivauksia tai muuta hölmöä. Jos haluat korostaa tekstiä, siihen on miljoona parempaakin tapaa.
Sitten varsinaiset virheet:
Kannattaa katsoa css-validaattorilla ( http://jigsaw.w3.org/css-validator/ valitse vaikka se "by direct Input" jos haluat näppytellä tai copypastata suoraan koodin jonka haluat tarkastaa). Virheitä on todella paljon.
Ensinnäkin mittayksikkö pitää tulla heti numeroarvon perään.
siis ei
font-size: 10 px;
vaan
font-size: 10px;
Mittayksikköä pitää käyttää aina silloin kun mitta on muuta kuin nolla. Nolla kelpaa ilman yksikköä.
Sitten ameriikassa on käytössä desimaaliPISTE, ei pilkku kuten meilla tavataan laittaa. Siis ei
font-size: 0,8 em;
vaan
font-size: 0.8 em;
tai
font-size: .8 em;
Ja sitten vielä sellaista kuin text-valign ei ole olemassakaan.
Suosittelisin css-editorin käyttöä. Vaikka TopStyle on ihan jees:
http://www.newsgator.com/Individuals/TopStylestä löytyy tietysti ilmaisversio:
http://www.newsgator.com/download/products/ts3lite.exe - Höpö.
Höpö. kirjoitti:
Teet vaan turhaa sekasotkua jos kirjoittelet joka paikkaan määrityksiä jotka ovat jo voimassa.
body {font-size: 10 px; font-family: Arial }
Tämän jälkeen tuo kaikki periytyy kaikkeen mikä on bodyn sisällä. Älä siis turhaan ilmoita sellaista joka on jo voimassa. Eli muunmuassa kaikki loput fonttimääritykset ovat turhia, määrittele niitä vain silloin kun poiketaan perusmäärityksestä.
Ja muuten: älä IKINÄ käytä alleviivausta muualle kuin linkkeihin. Ei siis mitään otsikon alleviivauksia tai muuta hölmöä. Jos haluat korostaa tekstiä, siihen on miljoona parempaakin tapaa.
Sitten varsinaiset virheet:
Kannattaa katsoa css-validaattorilla ( http://jigsaw.w3.org/css-validator/ valitse vaikka se "by direct Input" jos haluat näppytellä tai copypastata suoraan koodin jonka haluat tarkastaa). Virheitä on todella paljon.
Ensinnäkin mittayksikkö pitää tulla heti numeroarvon perään.
siis ei
font-size: 10 px;
vaan
font-size: 10px;
Mittayksikköä pitää käyttää aina silloin kun mitta on muuta kuin nolla. Nolla kelpaa ilman yksikköä.
Sitten ameriikassa on käytössä desimaaliPISTE, ei pilkku kuten meilla tavataan laittaa. Siis ei
font-size: 0,8 em;
vaan
font-size: 0.8 em;
tai
font-size: .8 em;
Ja sitten vielä sellaista kuin text-valign ei ole olemassakaan.
Suosittelisin css-editorin käyttöä. Vaikka TopStyle on ihan jees:
http://www.newsgator.com/Individuals/Tuli sitten tehtyä itse sama virhe. Kirjoitin:
ameriikassa on käytössä desimaaliPISTE, ei pilkku kuten meilla tavataan laittaa. Siis ei
font-size: 0,8 em;
vaan
font-size: 0.8 em;
tai
font-size: .8 em;
VÄÄRIN tieteinkin (ei välilyöntiä numeerisen arvon ja mittayksikön väliin. Näin oikeasti:
Siis ei
font-size: 0,8 em;
vaan
font-size: 0.8em;
tai
font-size: .8em;
- -Ridge-
Älä jätä välejä noihin määrityksiin, ei 10 pt vaan 10pt..!!
Muutenkin kannattaa merkata mitä mittaa käytät, nollan vai jättää ilman..!! Firefoxissa on Työkalut-valikossa kohta ”Virhekonsoli”, josta löydät ilmoitukset CSS-virheistä. Tässä kävi tavanomaiseen tapaan niin, että kun Firefoxin väitettiin toimivan väärin ja IE:n oikein, niin totuus on päinvastainen. CSS:n määrittelyn mukaan nimittäin selaimen _pitää_ esimerkiksi jättää huomiotta
font-size: 10 pt
koska ominaisuuden arvo on väärää muotoa (kuten täällä on jo kerrottu).
Virheellisiä ovat myös mm. margin-arvot, jotka ovat pelkkiä lukuja ilman yksikköä.
Suoraan sanoen sinun ei kannattaisi yrittää kirjoittaa CSS:ää, ennen kuin opettelet sen oikean käytön alkeet. Tulee vain räpellystä. Vihjeeksi voi mainita, että jos CSS-ohjeessa tai -oppaassa kehotetaan käyttämään fonttikoolle pt- tai px-yksikköä muualla kuin käyttäjän tyyliohjeessa, heitä se pois. Parempiakin on tarjolla.
Alleviivausta tuskin on syytä käyttää muille kuin linkeille. HUUTAMINEN eli uppercase ei sekään ole fiksua CSS:llä tehtynäkään.- Höpö.
Älä nyt ota tätä pahalla, mutta hauska huomata että kielipoliisi tekee samoja virheitä kuin moni muukin (Höpö mukaanluettuna) kun ei ajattele loppuun asti mitä kirjoittaa.
Siis tämähän ei liity mitenkään tähän itse keskusteluun:
»CSS:llä tehtynäkään» vai »CSS:lläkään tehtynä» :D Höpö. kirjoitti:
Älä nyt ota tätä pahalla, mutta hauska huomata että kielipoliisi tekee samoja virheitä kuin moni muukin (Höpö mukaanluettuna) kun ei ajattele loppuun asti mitä kirjoittaa.
Siis tämähän ei liity mitenkään tähän itse keskusteluun:
»CSS:llä tehtynäkään» vai »CSS:lläkään tehtynä» :DHuomautuksesi ei todellakaan kuulu asiaan. Tavanomaiseen tapaan se on lisäksi väärä (huomautit virheestä, joka ei ole virhe) ja lisäksi vahvistit jälleen kerran Korpelan lain: jokainen, joka moittii toista julkisesti kielivirheistä, tekee moittiessaan enemmän ja pahempia virheitä kuin ne, joista moittii.
(No, tässä tapauksessa teit vain puolisen tusinaa virheitä yhdessä virkkeessä: kolme pilkkua puuttuu, yhdestä lauseesta puuttuu predikaatti ja ”mukaan luettuna” on kirjoitettu virheellisesti yhteen, ja lisäksi ”ottaa pahalla” haisee svetisismiltä.)- Höpö.
Yucca kirjoitti:
Huomautuksesi ei todellakaan kuulu asiaan. Tavanomaiseen tapaan se on lisäksi väärä (huomautit virheestä, joka ei ole virhe) ja lisäksi vahvistit jälleen kerran Korpelan lain: jokainen, joka moittii toista julkisesti kielivirheistä, tekee moittiessaan enemmän ja pahempia virheitä kuin ne, joista moittii.
(No, tässä tapauksessa teit vain puolisen tusinaa virheitä yhdessä virkkeessä: kolme pilkkua puuttuu, yhdestä lauseesta puuttuu predikaatti ja ”mukaan luettuna” on kirjoitettu virheellisesti yhteen, ja lisäksi ”ottaa pahalla” haisee svetisismiltä.)Huomioni ei ollut moite (kuten varmaan lukutaitoisena ihmisenä _oikeasti_ ymmärsit, etenkin kun yritin epätoivoisesti korostaa sitä), eikä edes väite varsinaisesta kielivirheestä. Se oli pelkästään huomio varsin tavallisesta hoonosta päätteenasettelusta.
Rantapallon sniffaaminen lähinnä huvittaa.
(Ylipilkuttaminen on perseestä, yhtään predikaattia ei puuttunut, svetismi lienee oma ongelmasi.) Höpö. kirjoitti:
Huomioni ei ollut moite (kuten varmaan lukutaitoisena ihmisenä _oikeasti_ ymmärsit, etenkin kun yritin epätoivoisesti korostaa sitä), eikä edes väite varsinaisesta kielivirheestä. Se oli pelkästään huomio varsin tavallisesta hoonosta päätteenasettelusta.
Rantapallon sniffaaminen lähinnä huvittaa.
(Ylipilkuttaminen on perseestä, yhtään predikaattia ei puuttunut, svetismi lienee oma ongelmasi.)Sinulla oli mahdollisuus olla hiljaa sen jälkeen, kun virheellinen ”oikaisusi” oli todettu paitsi virheelliseksi myös aiheeseen kuulumattomaksi ja virheitä viliseväksi.
Nyt sinulla on sitten mahdollisuus vielä jatkaa ja osoittaa, ettei sinulla todellakaan ole mitään asiaa. Jos sinun täytyy jauhaa paskaa, etkö edes osaa jauhaa paskaa nimellisesti CSS:ään kuuluvista aiheista?
Vihje: jauha vaikka paskaa siitä, paljonko eroa on 0:lla ja 0px:llä tai kuinka tärkeä on puolipiste säännössä
body { font: 9px Verdana; }
(Sellaisista asioista nimittäin yleisesti jauhetaan paskaa, kun on pakko kirjoittaa jotain mutta ei tunneta aihetta, josta kirjoitetaan.)- Höpö.
Yucca kirjoitti:
Sinulla oli mahdollisuus olla hiljaa sen jälkeen, kun virheellinen ”oikaisusi” oli todettu paitsi virheelliseksi myös aiheeseen kuulumattomaksi ja virheitä viliseväksi.
Nyt sinulla on sitten mahdollisuus vielä jatkaa ja osoittaa, ettei sinulla todellakaan ole mitään asiaa. Jos sinun täytyy jauhaa paskaa, etkö edes osaa jauhaa paskaa nimellisesti CSS:ään kuuluvista aiheista?
Vihje: jauha vaikka paskaa siitä, paljonko eroa on 0:lla ja 0px:llä tai kuinka tärkeä on puolipiste säännössä
body { font: 9px Verdana; }
(Sellaisista asioista nimittäin yleisesti jauhetaan paskaa, kun on pakko kirjoittaa jotain mutta ei tunneta aihetta, josta kirjoitetaan.)»CSS:llä tehtynäkään» vai »CSS:lläkään tehtynä»
Sama ero kuin jos kirjoitettaisiin ettei osaa
"kirjoittaakaan tietokoneella" tai "kirjoittaa tietokoneellakaan". Aika pieni siis.
Miksi alkaisin jauhaa ehdottamistasi aiheista?
P.S. Ihan alunperin en edelleenkään tehnyt "oikaisua". Teinpähän vain eräänkin huomion jota et näköjään alkuunkaan ymmärtänyt. Ei se mitään, tiedämme jo ettei sinulle saa sanoa poikittaiselta näyttävääkään sanaa.
- fontti_pulma
Kiitokset kaikille, jotka autoitte ongelman ratkaisussa. ;>)
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
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/viihde232742Ymmä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än292302- 1482264
Hullu liikenteessä?
Mikä hullu pyörii kylillä jos jahti päällä? Näitä tosin kyllä riittää tällä kylällä.532180Niina 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-lahti211792Kun 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ää? Esimerkiks3891652Ano Turtiainen saa syytteet kansankiihoituksesta
Syytteitä on kolme ja niissä on kyse kirjoituksista, jotka hän on kansanedustaja-aikanaan julkaissut Twitter-tilillään961586- 2941470
- 1331418
Varokaa! Lunta voi sataa kohta!
Vakava säävaroitus Lumisadevaroitus Satakunta, Uusimaa, Etelä-Karjala, Keski-Suomi, Etelä-Savo, Etelä-Pohjanmaa, Pohjanm131409