schriker
6.05.2011, 08:32:30
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.jpgIE:
http://img148.imageshack.us/img148/5862/przykl1.jpg h2{
font-size:16px;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
color:#990000;
}
h1{
font-size:16px;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
color:#990000;
}
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
6.05.2011, 10:04:49
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
6.05.2011, 10:21:26
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.jpgGooGle:
http://img713.imageshack.us/img713/5395/sklepw.jpgWersja IE to 8.0
ixpack
6.05.2011, 10:23:25
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
6.05.2011, 10:33:02
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
6.05.2011, 10:38:56
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
6.05.2011, 12:49:32
Już nie wiem co mam myśleć, zrobiłem test i dałem taki krótki kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> h2{
font-size:16px;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
color:#00F;
}
<h2>Testowy Nagłówek
</h2>
i niestety czcionka w IE nadal jest grubsza :/
IE:
http://img151.imageshack.us/img151/6060/test2rm.jpgFF:
http://img696.imageshack.us/img696/8223/testgj.jpgW 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
6.05.2011, 15:23:08
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
6.05.2011, 15:50:26
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
6.05.2011, 16:05:22
schriker
6.05.2011, 16:58:54
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
6.05.2011, 17:18:29
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.