Problemer med koder og explorer vs firefox

[Ingvild]

Arg, det skal ikke være lett! Jeg koder siden til Tinka, og nå driver jeg og lager nytt design. Jeg kunne gjerne tenke meg å ha skriftstørrelse 10, og det går fint i Explorer. Men i Firefox er det bare linkene som får skriftstørrelse 10, mens all den vanlige skriften får størrelse 12.

I Explorer blir ikke skriften fet der den er og skal være det i Firefox.

Og i Firefox blir det mellomrom mellom menyframen og den andre iframen, og slik vil jeg ha det. Men sånn blir det ikke i Explorer!

Heldigvis, og tilfeldigvis, er det samme skrifttype i Firefox og Explorer nå, men det er det vanligvis ikke.

Hvorfor er det så store forskjeller på hvilke koder som virker hvordan i Explorer og Firefox?

Og hvilken kode må jeg bruke for å den vanlige teksten i størrelse 10 i Firefox? Må jeg gå inn i hvert eneste dokument og skrive str. 10 (nå bruker jeg CSS)?

Og hvorfor blir det mellomrom mellom iframene i Firefox mens det ikke blir det i Explorer? Har ikke skrevet noen koder imellom dem for å få det.

[Svedge]

Skriver du koden selv?

Legg CSS i en egen .css fil, så slipper du å endre i hvert eneste dokument.

[Yngvil]

Du skal ikke trenge å skrive noe annet enn font-size: 10pt; for å få det til å fungerer i både IE og Firefox. Det kan hende at der du setter regelen ikke vil ha samme effekt i de to nettleserene. IE er kjent for å ha en litt egen stil der <_<

Jeg ville skrevet regelen over i body og evt i p, som dette:

body

{

font-size: 10pt;

}

p

{

font-size: 10pt;

}

og så lagt til egen regel for linkene

a

{

font-size: 10pt;

}

Da kan du lettere styre farger, størrelse osv for de forskjellige.

Regner med at du har ett eksternt CSS og ikke legger kodene i hver html side.

[Ingvild]

Skriver du koden selv?

Legg CSS i en egen .css fil, så slipper du å endre i hvert eneste dokument.

Skriver kodene selv og har selvsagt egen css-fil.

Du skal ikke trenge å skrive noe annet enn font-size: 10pt; for å få det til å fungerer i både IE og Firefox. Det kan hende at der du setter regelen ikke vil ha samme effekt i de to nettleserene. IE er kjent for å ha en litt egen stil der <_<

Det er jo FF som ikke følger koden, IE har riktig skriftstørrelse både på linkene og resten av teksten.

Jeg ville skrevet regelen over i body og evt i p, som dette:

body

{

font-size: 10pt;

}

p

{

font-size: 10pt;

}

og så lagt til egen regel for linkene

a

{

font-size: 10pt;

}

Da kan du lettere styre farger, størrelse osv for de forskjellige.

Regner med at du har ett eksternt CSS og ikke legger kodene i hver html side.

Bruker koden du satte inn. Har skrevet 10px i stedet for 10pt, men når jeg bytta om på det og lastet opp filen så ble det skriftstørrelse 12 på linker og vanlig tekst i IE og det er fortsatt skriftstørrelse 12 på vanlig tekst i FF, mens linkene fortsatt var størrelse 10 (som det alltid har vært). Så pt gjorde bare koden "ugyldig" skuteåsi.

Prøvde å sette inn koden med p inn i css-dokumentet, selv om jeg ikke helt skjønner hva det betyr, da ble det riktig i IE igjen, mens FF fortsatte som før (med 12 på vanlig tekst og 10 på linker).

[Yngvil]

Det er vanskelig å si hvorfor det ikke fungerer uten å ha sett CSS'en. P betyr paragraph, avsnitt på engelsk. Alle avsnitt blir altså slik reglene er for p. Det vil stort sett si den teksten du skriver på siden din. Jeg bruker aldri pixler som anvisning for font, og det er ikke standard, uten at jeg kan bekrefte at px blir lest forskjellig av forskjellige nettlesere. Jeg ville uansett forsøkt pt eller em, som mange bruker, for å se om det rettet problemet.

Videre ville jeg gått igjennom CSS'en for å se om det er andre regler for linker, avsnitt, body osv som du ikke har laget selv (om du ikke har laget hele css'et manuelt) og som kan forstyrre reglene satt høyere i hirearkiet. CSS er jo bygd opp hierarkisk, der du kan sette egne regler for samme funksjon (f.eks. linker), men på et spesielt sted.

[Ingvild]

Jeg bruker aldri pixler som anvisning for font, og det er ikke standard, uten at jeg kan bekrefte at px blir lest forskjellig av forskjellige nettlesere. Jeg ville uansett forsøkt pt eller em, som mange bruker, for å se om det rettet problemet.

em gav bare en helt gigantisk skrift i Explorer, så det bruker jeg i alle fall ikke. Så jeg holder meg til px, da blir det i alle fall riktig i IE.

Videre ville jeg gått igjennom CSS'en for å se om det er andre regler for linker, avsnitt, body osv som du ikke har laget selv (om du ikke har laget hele css'et manuelt) og som kan forstyrre reglene satt høyere i hirearkiet. CSS er jo bygd opp hierarkisk, der du kan sette egne regler for samme funksjon (f.eks. linker), men på et spesielt sted.

Sånt er jeg ikke flink til. Har ikke skrevet hele CSS-dokumentet selv (har f.eks. klipt og limt inn det om scrollfargen og bare endret fargene - det fungerer forresten heller ikke i FF). Limer det inn her, så kan du se om det er noe som ikke bør/skal være der, om du orker.

/* CSS Document */

<style type="text/css">

<!--

body,td,th {

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

color: #000000;

align: center;

}

body {

background-color: #FFFFFF;

}

p {

font-size: 10px;

}

a {

font-size: 10px;

color: #000000;

}

a:link {

text-decoration: underline;

color: #000000;

}

a:visited {

text-decoration: underline;

color: #000000;

}

a:hover {

text-decoration: none;

color: #FFB401;

}

a:active {

text-decoration: none;

color: #FFB401;

}

img {border: 0px;}

body, html {

scrollbar-face-color: #FFFFFF;

scrollbar-shadow-color: #000000;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #000000;

scrollbar-darkshadow-color: #FFFFFF;

scrollbar-track-color: #FFFFFF;

scrollbar-arrow-color: #000000;

}

-->

</style>

[Yngvil]

Jeg har lagt inn mange flere styringer på font-size enn nødvendig, og jeg har også brukt pt og ikke px. Prøv det, for å se om det retter opp problemet. Jeg ville også gått inn på selve html koden og sett om du har satt regler for skriftstørrelsen der. Da vil nemlig ikke CSS'en fungere slik den skal (html'en overstyrer CSS'en).

em bruker 1.0, 1.1, 0.8 osv. Om du setter den til 10 så blir den enorm ja

Hvordan finner du forresten ut at det er skriftstørrelse 12 på teksten i FF? Er det 12 px den refererer til da, eller 12 pt?

body,td,th {

font-family: Arial, Helvetica, sans-serif;

font-size: 10pt;

color: #000000;

align: center;

}

body {

background-color: #FFFFFF;

font-size: 10pt;

}

a:link {

font-size: 10pt;

text-decoration: underline;

color: #000000;

}

a:visited {

font-size: 10pt;

text-decoration: underline;

color: #000000;

}

a:hover {

font-size: 10pt;

text-decoration: none;

color: #FFB401;

}

a:active {

font-size: 10pt;

text-decoration: none;

color: #FFB401;

}

img {border: 0px;}

body, html {

scrollbar-face-color: #FFFFFF;

scrollbar-shadow-color: #000000;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #000000;

scrollbar-darkshadow-color: #FFFFFF;

scrollbar-track-color: #FFFFFF;

scrollbar-arrow-color: #000000;

}

[Ingvild]

Jeg fikk det til! Var ikke verre enn å fjerne td og th før koden om fontsize, farge osv.

em bruker 1.0, 1.1, 0.8 osv. Om du setter den til 10 så blir den enorm ja

Ok, da veit jeg det... Men det spilte jo ikke noen rolle, for teksten var jo allikevel den samme i Firefox.

Hvordan finner du forresten ut at det er skriftstørrelse 12 på teksten i FF? Er det 12 px den refererer til da, eller 12 pt?

Uff, du legger opp til at jeg skal ha svært varierte kunnskaper om koding her (at htmlen styrer over cssen var noe av det første jeg fant ut da jeg begynte å bruke css).

Hvordan jeg veit at det er skriftstørrelse 12 på teksten i Firefox? Jeg forhåndsviser indexen i Firefox, og da ser jeg jo med en gang om det er skriftstørrelse 10 eller 12 (eller 14, 16 eller 18 for den saks skyld) teksten har.

Skjønte ikke hva du mente med om den refererer til 12px eller 12pt.

[Espen]

Prøv og legg til dette øverst

*

{

font-size: 1em;

}

Da bør all tekst ha 10px størrelse