Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]zaczarowane <h1>
Forum PHP.pl > Forum > Przedszkole
piotr485
8.03.2010, 09:02:36
Witam, na swoim komputerze mam zainstalowanego Firefox 3.6 i na drugim komputerze też. Na pierwszym mam XP a na drugim vistę.

Na xp (firefox 3.6 )wszystko jest dobrze a dokładnie nagłówek <h1> jest dobrze wyświetlany, a ustawilem go tak:

font-size: 11px;
font-family: Verdana;
color: #000000;
display: inline;

Na komp. gdzie jest vista i ten sam firefox nagłówek h1 wyświetla się jak by miał ustawienia domyślne, niepatrząc na mój css, a przeglądarka ma ustawione, że ma korzystac ze styli.

Jak wy sobie radzicie z nagłówkami h1 ? i jak rozwiązac moj problem?
pawelgdz
8.03.2010, 09:04:36
wyświetl fragment kodu z tym znacznikiem

w stylu dałeś odniesienie dla każdego h1 czy przypisałeś temu znacznikowi jakis id ?
piotr485
8.03.2010, 09:09:33
Dodam jeszcze że Opera, IE 6.0, Chrome, Safari dobrze odczytuje.

Mój początek strony

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  3.  
  4. <!-- title meta -->
  5.  
  6. <body>
  7.  
  8. <h1>jakis tekst</h1>
  9.  
  10. </body>
  11. </html>
[HTML] pobierz, plaintext


ID nieprzypisywałem a powinnienem ?
piotrooo89
8.03.2010, 09:11:44
może przeglądarka Ci zcachowała tą stronę i dlatego nie wyświetla Ci się poprawnie styl. spróbuj odświeżyć z cache (CTRL + F5).
piotr485
8.03.2010, 09:19:51
Cytat(piotrooo89 @ 8.03.2010, 09:11:44 ) *
może przeglądarka Ci zcachowała tą stronę i dlatego nie wyświetla Ci się poprawnie styl. spróbuj odświeżyć z cache (CTRL + F5).


Aż taki laik to ja nie jestem smile.gif

Sprawdzałem, usunąłem i dalej to samo - co za ciekawa historia.

Zrobię re-install firefox zobaczymy
pawelgdz
8.03.2010, 09:21:08
Cytat(piotr485 @ 8.03.2010, 09:09:33 ) *
Dodam jeszcze że Opera, IE 6.0, Chrome, Safari dobrze odczytuje.

Mój początek strony

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  3.  
  4. <!-- title meta -->
  5.  
  6. <style>
  7. #cos {
  8.  
  9.  font-size: 11px;
  10.  
  11. }
  12. </style>
  13.  
  14. <body>
  15.  
  16. <h1 id="cos">jakis tekst</h1>
  17.  
  18. </body>
  19. </html>
[HTML] pobierz, plaintext


ID nieprzypisywałem a powinnienem ?



spróbuj w ten sposób



moze pomoze
piotrooo89
8.03.2010, 09:22:50
a masz możliwość przelecieć po tym np. firebugiem? i w jakikolwiek sposób zdiagnozować czy style są poprawnie nadane?
piotr485
8.03.2010, 09:34:05
Zainstalowałem Chrome tam gdzie jest vista i też h1 źle odczytuje hehe smiesznie, zaraz sprawdzę z nadaniem id.

Id jak Class niepomogło w firefox nie wiem czemu sad.gif
muniekw
8.03.2010, 14:48:02
Strzelam teraz: A spróbuj na Viście uruchomić Firefoxa ze zgodnością XP.
Twist
8.03.2010, 15:55:31
style dla h1 wyzerowane?
piotr485
8.03.2010, 19:33:20
Cytat(muniekw @ 8.03.2010, 14:48:02 ) *
Strzelam teraz: A spróbuj na Viście uruchomić Firefoxa ze zgodnością XP.


Uruchomiłem. Nic nie pomogło. Dalej h1 wyświetla się jak bym nic nie ustawił.



Cytat(Twist @ 8.03.2010, 15:55:31 ) *
style dla h1 wyzerowane?


Co masz na myśli style dla h1 wyzerowane ?

Jako ciekawostkę dodam, że takich problemów z h2 niema - tylko z h1
Volume
8.03.2010, 21:05:18
Cytat
Co masz na myśli style dla h1 wyzerowane ?
Kolega ma na myślij chyba to że h1 w różnych przeglądarkach może mieć domyślny margin i padding oraz wielkosc i typ czcionki - dlatego dobrze zaczynać kod css np. od "wyzerowania" wszystkich tagow w dokumencie i zdeklarowania odpowiednich wielkosci i typow czcionki:
[HTML] pobierz, plaintext 
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. font-weight: lighter;
  5. font-size: 1em;
  6. }
[HTML] pobierz, plaintext

Badz jesli chcesz tylko wyzerowac h1 to dla h1:
[HTML] pobierz, plaintext 
  1. h1 {
  2. margin: 0;
  3. padding: 0;
  4. font-weight: lighter;
  5. font-size: 1em;
  6. }
[HTML] pobierz, plaintext
piotr485
9.03.2010, 11:07:18
Cytat(Volume @ 8.03.2010, 21:05:18 ) *
Kolega ma na myślij chyba to że h1 w różnych przeglądarkach może mieć domyślny margin i padding oraz wielkosc i typ czcionki - dlatego dobrze zaczynać kod css np. od "wyzerowania" wszystkich tagow w dokumencie i zdeklarowania odpowiednich wielkosci i typow czcionki:

Badz jesli chcesz tylko wyzerowac h1 to dla h1:
[HTML] pobierz, plaintext 
  1. h1 {
  2. margin: 0;
  3. padding: 0;
  4. font-weight: lighter;
  5. font-size: 1em;
  6. }
[HTML] pobierz, plaintext


No właśnie tak zrobiłem - ale dalej to samo tak jak by w ogóle tego nie ruszało h1 cały czas jest domyślne w firefox jak i chrome - na tym komp. z vistą bo na xp jest dobrze.

Już mi brak pomysłów

P.S. Może ktoś z was ma vistę i najnowszego firefoxa ? Niech spróbuje wrzucic na serwer jakiś tekst h1 i stylami go zmniejszyc i poda link a ja sprawdze u mnie na kompie czy bedzie to samo.

Z góry dziękuję! wstydnis.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.