Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Interpretacja przeglądarek - czcionki
Forum PHP.pl > Forum > Przedszkole
Sondewerek
31.05.2012, 12:47:45
Witam,

Mam mały problem - różne przeglądarki różnie interpretują czcionki, a raczej tego nie robią. Jedynie poprawnie wyświetla wszystko Google Chrome i IE 9, w FF i Operze czcionka przyjmuje wartość/styl domyślny dla każdej z nich.

Rozchodzi się głównie o to:
[HTML] pobierz, plaintext 
  1. body {
  2.     background: #fff;
  3. 	font: .74em "Trebuchet MS" Verdana, Arial, sans-serif;
  4. 	line-height: 1.5em; 
  5. }
  6.  
  7. .header {
  8. height: 100px;
  9. background: #85ACF7 url('images/hidr.jpg');
  10. }
  11.  
  12. .header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
  13. .header h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
  14. .header h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }
[HTML] pobierz, plaintext


Opera i FF omijają wszystkie czcionki i ustawiają swoją (Times New Roman).

Kod przykładowej strony:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <HTML>
  3. <head>
  4. <title>LOL</title>
  5. <meta http-equiv="Content-Language" content="English" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7. <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
  8. </head>
  9. <body>
  10. <div id="wrap">
  11.  
  12. <div id="top"></div>
  13.  
  14. <div id="content">
  15.  
  16. <div class="header">
  17. <h1><a href="index.php">LOL</a></h1>
  18. <h2>LOL2</h2>
  19. </div>
  20.  
  21. <div class="breadcrumbs">
  22. <a href="index.php">Home</a> &middot;
  23. </div>
  24.  
  25. <div class="middle">
  26.  
  27. <h2>Logowanie</h2>
  28. <form action=sprawdzenie.php method=post>
  29.  
  30. <div class="gtable">
  31. <TABLE>
  32. <TR><TD>Login</TD><TD><input type=text name=login></TD></TR>
  33. <TR><TD>Password</TD><TD><input type=password name=password></TD></TR>
  34. <TR><TD colspan=2 align=center><input style="padding:2px" type=submit value="Log in"></TD></TR>
  35. <TR><TD colspan=2 align=center><a href="rejestracja.php"><p>Zarejestruj się</a></TD></TR>
  36. </form>
  37. </TABLE>
  38. </div>
  39.  
  40. </div>
  41.  
  42. <div class="right">
  43.  
  44. <h2>Navigation</h2>
  45. <ul>
  46. <li><a href="index.php">Home</a></li>
  47. <li><a href="praca.php">Dodaj aktywność</a></li>
  48. <li><a href="ostatnie_aktywnosci.php">Ostatnie aktywności</a></li>
  49. <li><a href="uzytkownicy.php">Użytkownicy</a></li>
  50. <li><a href="destroy.php">Wyloguj się</a></li>
  51. </ul>
  52. </div>
  53.  
  54. <div id="clear"></div>
  55.  
  56. </div>
  57.  
  58. <div id="bottom"></div>
  59.  
  60. </div>
  61.  
  62. <div id="footer">
  63. Design by <a href="http://www.minimalistic-design.net">Minimalistic Design</a><BR> Developed by <a href="http://www.facebook.com/">MS</a><BR>
  64. </div>
  65.  
  66. </body>
  67. </html>
[HTML] pobierz, plaintext
IProSoft
31.05.2012, 13:15:44 
[HTML] pobierz, plaintext 
  1. body {
  2.     background: #fff;
  3.     line-height: 1.5em; 
  4.     font-family: "Trebuchet MS", Arial, sans-serif;
  5.     font-size: 0.74em;
  6. }
[HTML] pobierz, plaintext
Sondewerek
31.05.2012, 14:32:33
Działa, podziękował. smile.gif
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.