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
16
1764
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
Miehille kysymys
Onko näin, että jos miestä kiinnostaa tarpeeksi niin hän kyllä ottaa vaikka riskin pakeista ja osoittaa sen kiinnostukse1363895- 851915
Olen tosi outo....
Päättelen palstajuttujen perusteella mitä mieltä minun kaipauksen kohde minusta on. Joskus kuvittelen tänne selkeitä tap151781Haluaisin jo
Myöntää nämä tunteet sinulle face to face. En uskalla vain nolata itseäni enää. Enkä pysty elämäänkin näiden kanssa jos541422Kotkalainen Demari Riku Pirinen vangittu Saksassa lapsipornosta
https://www.kymensanomat.fi/paikalliset/8081054 Kotkalainen Demari Riku Pirinen vangittu Saksassa lapsipornon hallussapi511363Ylen uutiset Haapaveden yt:stä.
Olipas kamalaa luettavaa kaupungin irtisanomisista. Työttömiä lisää 10 tai enempikin( Mieluskylän opettajat). Muuttavat1311327VENÄJÄ muuttanut tänään ydinasetroktiinia
Venäjän presidentti Vladimir Putin hyväksyi tiistaina päivitetyn ydinasedoktriinin, kertoo uutistoimisto Reuters. Sen mu981282- 701166
- 691043
Hommaatko kinkkua jouluksi?
Itse tein pakastimeen n. 3Kg:n murekkeen sienillä ja juustokuorrutuksella. Voihan se olla, että jonkun pienen, valmiin k1131022