Varför blir texten så liten?

Har du använt någon "konstig" enhet för att ange font-size, t ex em eller %?

Visa lite av din kod så är det lättare att hjälpa dig :)

mv icaaq

Jag antar att du använt en tabell. IE5 och IE6 i quirks mode har en bugg att tabeller inte ärver textstorlek, så, den "lilla" textstorleken är den som du angett.

Eller så har du det exempelvis så här:

<div><p>Text här</p></div>

Sedan har du stylat div och p med en icke fast enhet för font-storlek, exempelvis em eller %. Då blir texten mycket liten har jag märkt. :)

Jag kör med em. Bör man inte köra med em? Jag har läst rekommendationer om att em bör användas då vissa webläsare inte kan skala text så bra, vars storlek är satt med px.

Det är helt OK att använda em som enhet. :) För att illustrera hur det fungerar:

100%
<div>
 50%
 <div>
  25%
  <div>
   12.5%
   <div>
    6.25%
   </div>
  </div>
 </div>
</div>

div { font-size:0.5em; }

Jag förstår inte (!)

När jag sätter värdet på font-size till 1em så visas all text i ditt exempel lika stort. Sätter jag däremot font-size till 0.9em så blir det mindre och mindre.

Har du nån resonemang till det?

EDIT:

När jag bytte till 1.1 så blev att gradvist större.
Nu börjar jag kanske inse att detta är som det skall vara. ;)

Om jag då vill ha normalt mindre storlek än 1px skall jag då använda px eller smaller?

alla taggar som är satta med 0.9em ärver föregående taggs textstorlek och gör den 90% mindre. Man kan jobba sig runt det och se till att saker inte blir mindre och mindre, genom att t ex sätta

div {font-size:0.9em}
div div {font-size:1em}

Fast det kan vara enklare att sätta

* {font-size:1em}
body {font-size:0.9em}

och ser till att allt blir lika stort innan man sätter specifika fontstorlekar

harebrarå
/ m a r t i n

jme skrev:

Om jag då vill ha normalt mindre storlek än 1px skall jag då använda px eller smaller?

Varför skulle man vilja ha en text som är mindre än 1px stor?

Sätt
body { font-size: 10px; }

alla storlekar relativt till detta, så om du vill ha en 10pt (12px) stor text i ditt stycke (paragraph) så skriver du

p { font-size: 1.2em; }, dvs 20% större = 12px.

echoswe: det skulle givetvis ha stått em istället för px :)

Givetvis! ^^