Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Czcionka a Firefox (8.0)
Forum PHP.pl > Forum > Przedszkole
fr33d0m
17.11.2011, 15:48:29
Czy ktos moze mi wytlumaczyc lub wskazac jakies konkretne informacje dlaczego najnowszy firefox odstawia szopki z wielkoscia czcionki?
IE, Opera, Chrome wyświetlają poprawnie(tak samo), a Firefox powiększa z bliżej nieznanego powodu;/ jest to bardzo irytujące bo jesli strona zawiera więcej textu to calosc sie powieksza i wyswietlana jest "nieco" inaczej - co jest przeciez dla nas wszystkich nie zbyt pozadane...
Jesli sie myle, to prosze... wytlumaczcie mi to bo nie ogarniam;/
Sprawdzcie sami na tym prostym przykladzie:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="pragma" content="no-cache" />
  5. <meta http-equiv="cache-control" content="no-cache" />
  6. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  7. <meta http-equiv="content-language" content="pl" />
  8. <link rel="stylesheet" href="styles.css" type="text/css" />
  9. <title>WTF?!</title>
  10. </head>
  11.  
  12. <body>
  13.  
  14. <div id="test">
  15. 	bla bla bla bla bla bla bla bla
  16. 	omg omg bla bla bla omg bla omg
  17. </div>
  18.  
  19.  
  20. </body>
  21. </html>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
  1. /* <a href="http://meyerweb.com/eric/tools/css/reset/" target="_blank">http://meyerweb.com/eric/tools/css/reset/</a> 
  2.    v2.0 | 20110126
  3.    License: none (public domain)
  4. */
  5.  
  6. html, body, div, span, applet, object, iframe,
  7. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  8. a, abbr, acronym, address, big, cite, code,
  9. del, dfn, em, img, ins, kbd, q, s, samp,
  10. small, strike, strong, sub, sup, tt, var,
  11. b, u, i, center,
  12. dl, dt, dd, ol, ul, li,
  13. fieldset, form, label, legend,
  14. table, caption, tbody, tfoot, thead, tr, th, td,
  15. article, aside, canvas, details, embed, 
  16. figure, figcaption, footer, header, hgroup, 
  17. menu, nav, output, ruby, section, summary,
  18. time, mark, audio, video {
  19. 	margin: 0;
  20. 	padding: 0;
  21. 	border: 0;
  22. 	font-size: 100%;
  23. 	font: inherit;
  24. 	vertical-align: baseline;
  25. }
  26. /* HTML5 display-role reset for older browsers */
  27. article, aside, details, figcaption, figure, 
  28. footer, header, hgroup, menu, nav, section {
  29. 	display: block;
  30. }
  31. body {
  32. 	line-height: 1;
  33. }
  34. ol, ul {
  35. 	list-style: none;
  36. }
  37. blockquote, q {
  38. 	quotes: none;
  39. }
  40. blockquote:before, blockquote:after,
  41. q:before, q:after {
  42. 	content: '';
  43. 	content: none;
  44. }
  45. table {
  46. 	border-collapse: collapse;
  47. 	border-spacing: 0;
  48. }
  49.  
  50.  
  51. #test{
  52. 	width:100px;
  53. 	margin: 100px;
  54. 	font: 16px Thoma;
  55.      border-style: solid;
  56.      border-top-width: thin;
  57.      border-left-width: thin;
  58.      border-right-width: thin;
  59.      border-bottom-width: thin;
  60.      border-color: gray;
  61. 	}
[CSS] pobierz, plaintext

Micchaleq
17.11.2011, 15:51:18
użyj może crtl+0 ( zero )
fr33d0m
17.11.2011, 15:54:37
Tak - przegladalem google, widzialem taka odpowiedz na jakims forum, ale to nie powieksza/zmniejsza textu tylko cala strone.
by_ikar
17.11.2011, 17:38:09
A jak mamy sprawdzić jakich czcionek mogłeś użyć w stylach? Daj może link do strony?
jg44
17.11.2011, 17:39:07
Sprawdziłem na Twoim przykładzie i u mnie wszystko jest ok (Firefox 8 oraz IE 9)...
Nawiasem mówiąc zrobiłeś literówkę w nazwie czcionki - nie Thoma tylko Tahoma.
fr33d0m
17.11.2011, 21:19:50
@by_ikar
w przykladzie powyzej sa czcionki ktorych uzylem.

@jg44
Faktycznie... blad dotyczy literowki, co wiecej popelnilem ten sam blad w trzech poprzednich projektach, a FF dopiero od nowszej wersji tego nie przetrawia. smile.gif
Dziękuje Kolego.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.