webForumDet fria alternativet

Font-size 70 % i tabeller & i body

HTML & CSS

4 svar · 314 visningar · startad av Pace

Medlem sedan juni 20019 024 inlägg
Frågan#1

När jag skriver text i tabeller kommer Internet Explorer att tolka det som att "formatering saknas" och formatera enligt sina egna inställningar. Därför måste jag sätta style sheets även innuti tabeller, det räcker inte med att ange värden på bara <body>.

Men i Mozilla, Opera och Netscape funkar det utmärkt och formateringen i <body> behålls innuti tabeller... Hur ska man göra för att alla webbläsare ska tolka font-storleken korrekt? Skriver jag body, td {} kommer alla utom IE att göra texten 70% mindre två gånger, det vill säga oläsligt.

Style sheets:

body { font-size: 70%; }

Html:

<body>
Text här (1)...

<table>
   <tr><td>...och text här som inte blir formaterad i IE(2)</td></tr>
</table>

</body>

Jag vill inte köra med fasta pixelvärden, för då kan man inte ändra textstorleken.

Medlem sedan apr. 2002184 inlägg
#2

Jag använder Firebird 0.7+, Opera 7.23 och IE 6. För mig ser det likadant ut i alla browsers;

Med

body, td { font-size: 70%; }

är typsnittet lika stort i tabellen som utanför.

Och med

body { font-size: 70%; }

är det större i tabellen än i body.

Medlem sedan juni 20019 024 inlägg
#3

Hmm, det stämmer märker jag också nu.

Måste då bero på ASP.NET som genererar olika kod beroende på webbläsare. Ska försöka åtgärda detta först och se i fall det kan vara detta (troligtvis).

Tack i alla fall!

Medlem sedan juli 20013 378 inlägg
#4

Pace - kolla upp din <!DOCTYPE ! (och om du kör xhtml, så se dessutom till att köra utan <?xml?>-tagg om du slangar ut sidan som text/html ;) )

Testade precis din kod i MSIE6 på Win2KPro med en <!DOCTYPE som sätter MSIE i "standards" mode...
... och det funkade som du vill utan problem ;)

Info om <!DOCTYPE:s och moder: http://www.hut.fi/u/hsivonen/doctype.html

Medlem sedan juni 20019 024 inlägg
#5

Jag fattar inte hur du lyckas jarvklo, men det var banne i mig rätt. ;)

Koden som genereras till IE fungerar bra i alla webbläsare (med <xml>-taggen). Den kod som genereras till övriga webbläsare fungerar endast i IE med hjälp av <xml>-taggen. Tar jag bort <xml> får jag samma effekt i IE som i de övriga webbläsarna, dvs textstyckena blir mindre (70 % två gånger) på sina ställen. IE lurar sig själv. ;)

Tack, tack! Nu kan man äntligen få sidan identisk med alla webbläsare!

251 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)