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
1743
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
Mietitikö nainen koskaan
Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.1151639Olisi hauska tietää
Koska huomasit pitäväsi minusta? Itse taisin ihastua sinuun heti silloin kun tavattiin ensimmäistä kertaa. Miehelle, jon601046Marin on ehkä maailman kaunein "Nelikymppinen"
Marinin julkaisu on saanut yli 68 500 tykkäystä. Postauksen kommenttikentässä ylistetään paljon Marinin kauneutta, jota132957- 95856
En kelpaa sinulle
Varattuna - olen sinulle ongelma. Eroaminen vuoksesi voi olla turhaa, sillä me ei puhuta, kun olen varattu ja kumpikin v73847Vernu Vasunta
On mahotonta miten marjanpoimijoita on kohdeltu! Eikö paremmalla kohtelulla olisi saanut paremman tuloksen?19819Minun on vaan päästettävä irti
Toiveesta. Satutan vain itseäni😥😔. Toivon sinulle pelkkää hyvää, eläthän elämäsi parasta aikaa, mutta en halua enää k36802Kertoisit jo
Rakastatko minua vai olenko käsittänyt väärin onko tämä vaan ystävyyttä tai kaveruutta? En haluaisi enää nolata itseäni42729Taidat vanhempi nainen
Haluta sen tien itsellesi. juokse vaan karkuun ! Pahentaa vaan asiaa.Pitäs toimia ihan toisin päin60725En koskaan saanut asiattomia kuvia!
Silloin kun olin vielä nuori, kukaan mies ei koskaan lähettänyt minulle asiattomia kuvia itsestään. Jos tiedätte mitä ta156691