Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Grubość czcionki IE
Forum PHP.pl > Forum > Przedszkole
schriker
Witam !

mam następujący problem, w FF, Operze, Google nagłówki którym nadałem style wyświetlają się tak jak powinny czcionka tahoma 16px bold, natomiast w IE ta czcionka już wygląda znacznie bardziej zboldowana niż w reszcie przeglądarek:

FF:

http://img846.imageshack.us/img846/2259/przykl2.jpg

IE:

http://img148.imageshack.us/img148/5862/przykl1.jpg



  1. h2{
  2. font-size:16px;
  3. font-weight:bold;
  4. font-family:Tahoma, Geneva, sans-serif;
  5. color:#990000;
  6. }
  7.  
  8. h1{
  9. font-size:16px;
  10. font-weight:bold;
  11. font-family:Tahoma, Geneva, sans-serif;
  12. color:#990000;
  13. }


Jest jakaś rada na to aby w IE czcionka wyglądała tak samo jak w reszcie przeglądarek ? Jest to do zrobienia czy to wina samej przeglądarki ?
ixpack
IE ogólnie jest andy kompatybilna z CSS'em. Dodatkowo komplikują życie różne wersje IE - którą przeglądasz?
Możesz wymusić kompatybilność dokumentu np. z IE 7 etc.

Zresetowałeś css na początku? Czy np. te headery nie masz jeszcze dodatkowo np. w spanie, a span ma inne instrukcje? CSS to labirynt :/
schriker
Resetowanie css nic nie pomaga pozatym nawet gdy ustawie font-weight:normal; to i tak w IE jest znacznie grubsza,

IE
http://img718.imageshack.us/img718/6481/sklep2n.jpg

GooGle:
http://img713.imageshack.us/img713/5395/sklepw.jpg

Wersja IE to 8.0
ixpack
Próbowałeś ustawić zgodność css np. do IE7?

Jakie inne klasy, id mają te headery/linki? Może to nie w header tkwi problem a innym elemencie.

Ps. Pod IE 9 wygląda ok.
schriker
Wiem dodałem font-weight:normal aby sprawdzić jak zachowa się normalna grubość czcionki w IE i tak jak pisałem wyżej na screenach widać, że nadal jest grubsza. Nie bardzo wiem jak ustawić zgodność css pod IE 7 co należy dodać aby to zrobić ?
ixpack
Dodajesz mete:

<meta http-equiv="X-UA-Compatible" content="IE=7" /> - np. nie wiem czy to działa dla IE8 i wstecz - na bank dla IE9

Z tego co patrzyłem na stronkę to działa dobrze w IE9, więc chyba css dla 8ki coś działa.

W 9ce masz pod f12 opcje dla web-des. tam możesz wybrać tryb przeglądarki (niestety/albo stety) każdy tryb działa ok :/ bez pogrubienia czcionki.

Edit: ale pod IETester'em dla 7ki, 8ki już pogrubia :/ czyli prawdopodobnie css'y dla IE coś krzaczą.
Edit2: Ty chyba teraz tam coś updeatujesz ;]
schriker
Już nie wiem co mam myśleć, zrobiłem test i dałem taki krótki kod:

  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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Untitled Document</title>
  5. h2{
  6. font-size:16px;
  7. font-family:Tahoma, Geneva, sans-serif;
  8. font-weight:bold;
  9. color:#00F;
  10. }
  11. </head>
  12.  
  13. <h2>Testowy Nagłówek</h2>
  14. </body>
  15. </html>


i niestety czcionka w IE nadal jest grubsza :/

IE:
http://img151.imageshack.us/img151/6060/test2rm.jpg

FF:
http://img696.imageshack.us/img696/8223/testgj.jpg

W takim razie nie wiem czy mam jaki kolwiek wpływ na to ? Czy po prostu IE tak interpretuje takie style dla tej czcionki i tyle ?

ixpack
U mnie w FF jest pogrubiona... Nie zmieniłeś sobie czcionek w FF?

http://img199.imageshack.us/img199/4926/unled1sh.jpg - żeby nie było że kłamię...
schriker
Hmm... nie zmieniałem czcionek w FF jak już to może gdzieś w systemie się pomieszały ale wątpię :/ Możesz zrobić screen kilku stron tego sklepu ja u ciebie się one wyświetlają ? (pozatym Google wyświetla tak jak FF)
ixpack
Trszymaj:








schriker
Kurcze no już nie wiem co mam z tym zrobić :/ U Ciebie chociaż we wszystkich przeglądarkach pojawia się tak samo, chociaż i tak są za bardzo zboldowane, na co klient narzeka. No nic dzięki za pomoc, będę dalej coś kombinować.
ixpack
A jeżeli zmienisz czcionkę? Czy to już nie wchodzi w grę? Klient nasz pan...
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.