Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
 Reply to this topicStart new topic
> znow roznice firefox & IE
trucksweb
post
Post #1





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

czy ktos moze mi powiedziec, wyjasnic, poprawic ten oto blad?? :http://www.polskiedrogi.com.pl/test/index.php
chodzi o to, ze firefox zle sklada to poziome menu podczas gdy ie sobie z tym radzi. drugi problem to rozwalone menu pod ie gdy w lewej czesci nie ma tekstu a jest duzo w prawej sad.gif
desperat prosi o pomoc sad.gif ja juz wysiadam z tym......

//kod moge podeslac zainteresowanym....

Ten post edytował trucksweb 30.08.2005, 15:34:06


--------------------
Rozmawia dwóch dyrektorów:
- Jaki jest twój ideał sekretarki?
- 20-letnia dziewczyna z 30-letnim doświadczeniem.
Go to the top of the page
+Quote Post
php programmer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 5
Dołączył: 8.11.2004
Skąd: trójmiasto

Ostrzeżenie: (0%)
-----

mam podobny problem na
http://www.dotacje.infopap.pl
w IE jest ok, ale FF przerzuca mi ostanie menu o nazwie "kontakt" na dół
Go to the top of the page
+Quote Post
popo
post
Post #3





Grupa: Zarejestrowani
Postów: 85
Pomógł: 0
Dołączył: 15.07.2005

Ostrzeżenie: (0%)
-----

radze zastosowac ten sam sposob ktory juz na tym forum kilka razy podawalem

btw to ie ma problem nie ffox

poszukac exclamation.gif!

http://forum.php.pl/index.php?showtopic=34782&hl=

coprawda pytanie bylo nieco inne ale css ktory tam zapodalem rozwiazuje problem obramowania i padding

pozdrawiam snitch.gif
Go to the top of the page
+Quote Post
trucksweb
post
Post #4





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

nic nie dalo:(


--------------------
Rozmawia dwóch dyrektorów:
- Jaki jest twój ideał sekretarki?
- 20-letnia dziewczyna z 30-letnim doświadczeniem.
Go to the top of the page
+Quote Post
php programmer
post
Post #5





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 5
Dołączył: 8.11.2004
Skąd: trójmiasto

Ostrzeżenie: (0%)
-----

Cytat(popo @ 2005-08-30 16:46:04)
btw to ie ma problem nie ffox

Tak na chłopski rozum, to problem ma chyba ta przeglądarka,
w której źle się wyświetla, a nie ta, w której się dobrze wyświetla !
Go to the top of the page
+Quote Post
revyag
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Pokaż kod samego pociętego menu.


--------------------
-------------

------
Go to the top of the page
+Quote Post
matid
post
Post #7





Grupa: Zarejestrowani
Postów: 362
Pomógł: 0
Dołączył: 18.02.2004
Skąd: Knurów

Ostrzeżenie: (0%)
-----

Cytat(php programmer @ 2005-08-31 23:33:10)
Tak na chłopski rozum, to problem ma chyba ta przeglądarka,
w której źle się wyświetla, a nie ta, w której się dobrze wyświetla !

Problem ma ta przeglądarka, która źle wyświetla to, co powinna wyświetlać dobrze, a dobrze wyświetla to, czego nie powinna. (czytaj: IE)

--
Post nr 400!

Ten post edytował matid 1.09.2005, 07:37:42
Go to the top of the page
+Quote Post
php programmer
post
Post #8





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 5
Dołączył: 8.11.2004
Skąd: trójmiasto

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <div>
  2. <A href="index.php" class="menu">Start</A>
  3. <A href="firma.php" class="menu">Firma</A>
  4. <A href="dotacje.php" class="menu">Dotacje</A>
  5. <A href="porady.php" class="menu" >Porady</A>
  6. <A href="cennik.php" class="menu">Cennik</A>
  7. <A href="pytania.php" class="menu">Pytania</A>
  8. <A href="linki.php" class="menu">Linki</A>
  9. <A href="kontakt.php" class="menu">Kontakt</A>
  10. </div>
[HTML] pobierz, plaintext

************************************
[HTML] pobierz, plaintext 
  1. .menu{
  2. color: white;
  3. font-weight:bold;
  4. padding: 3;
  5. width: 12.5%;
  6. background-color:navy;
  7. text-align:center;
  8. border: 1px solid silver;
  9. text-decoration:none;
  10. float:left;
  11. }
  12. .menu:hover{
  13. background-color:blue;
  14. }
[HTML] pobierz, plaintext

Ale proszę do takiej ilości kodu używać BBCODE
----
nospor
Go to the top of the page
+Quote Post
trucksweb
post
Post #9





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

dzieki php programmer- tak mniej wiecej wyglada ten kod, ale i tak nie dziala sad.gif

Ten post edytował trucksweb 1.09.2005, 08:48:03


--------------------
Rozmawia dwóch dyrektorów:
- Jaki jest twój ideał sekretarki?
- 20-letnia dziewczyna z 30-letnim doświadczeniem.
Go to the top of the page
+Quote Post
revyag
post
Post #10





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

To jest kod tego menu questionmark.gif Chyba nie. Na stronie masz to wsadzone w tabelki i do tego są obrazki.


--------------------
-------------

------
Go to the top of the page
+Quote Post
php programmer
post
Post #11





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 5
Dołączył: 8.11.2004
Skąd: trójmiasto

Ostrzeżenie: (0%)
-----

do: revyag
tabelki są dopiero pod menu wsadzone,
a menu to ten niebieski rząd z 8 bodajże elementami

do: rucksweb
wiem, że nie działa, dlatego napisałem tu posta,
bo mam taki sam problem jak ty

Ten post edytował php programmer 1.09.2005, 09:25:55
Go to the top of the page
+Quote Post
revyag
post
Post #12





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Pisałem to do @trucksweb. Chciałem żeby pokazał kod swojego menu. Taki jak mu generuje program, który tnie te obrazki. snitch.gif


--------------------
-------------

------
Go to the top of the page
+Quote Post
pabbito
post
Post #13





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 26.03.2004
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

Cytat(php programmer @ 2005-08-30 16:48:02)
mam podobny problem na
http://www.dotacje.infopap.pl
w IE jest ok, ale FF przerzuca mi ostanie menu o nazwie "kontakt" na dół

Przede wszystkim ustaw sobie jakiś DOCTYPE na stronie, bo inaczej IE pracuje w trybie quirk a to nie pomaga ujednolicić wyglądu w wielu przeglądarkach. Potaem poczytaj o box-model i hackach które pozwalają obejść różnice.
A dla testu wyrzuć na chwilę wszelkie padding i border i powinieneś zobaczyć różnice. Wynika ona właśnie z różnych modeli boxu w IE i mozzillopodobnych. Jedno włicza padding i border do całkowitej szerokości a inne powiększa szerokość o padding i border. Z resztą to samo tyczy sie wysokości.
EDIT:
A teraz dokładniej
[HTML] pobierz, plaintext 
  1. #body{
  2. width: 756px;
  3. height: 544px;
  4. border: 1px solid silver;
  5. }
[HTML] pobierz, plaintext

U jednych przeglądarkach width to 756 a w innych 756+2

A spróbuj zmienić tak
[HTML] pobierz, plaintext 
  1. #body{
  2. width:758px; \width:756px; w\idth:758px;
  3. height: 544px;
  4. border: 1px solid silver;
  5. }
[HTML] pobierz, plaintext

I dodaj doctype np:.
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

I sprawdz wygląd też w IE5, tam sa największe wariactwa;)

Ten post edytował pabbito 1.09.2005, 10:14:03
Go to the top of the page
+Quote Post
php programmer
post
Post #14





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 5
Dołączył: 8.11.2004
Skąd: trójmiasto

Ostrzeżenie: (0%)
-----

Skoro te przeglądarki inaczej interpretują bordery to moze zrobić
po dwa style (jeden dla IE drugi dla FF)
i w zależności od wykrytej przeglądarki włączyć odpowiedni styl, tak?

PS. Jakie będę miał realne korzyści z ustawienia DOCTYPE,
co mi to właściwie da?

Ten post edytował php programmer 1.09.2005, 10:08:39
Go to the top of the page
+Quote Post
mike
post
Post #15





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----

Cytat(php programmer @ 2005-09-01 10:06:13)
Skoro te przeglądarki inaczej interpretują bordery to moze zrobić
po dwa style (jeden dla IE drugi dla FF)
i w zależności od wykrytej przeglądarki włączyć odpowiedni styl, tak?

Tak, możesz tak zrobić.

Na przykład w bardzo prosty sposób, używając Conditional Comments for Internet Explorer:
[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" type="text/css" href="style.css" />
  2.   <!--[if IE]>
  3.   <link rel="stylesheet" type="text/css" href="style_IE_fix.css" />
  4.   <![endif]-->
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
php programmer
post
Post #16





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 5
Dołączył: 8.11.2004
Skąd: trójmiasto

Ostrzeżenie: (0%)
-----

Cytat(mike_mech @ 2005-09-01 09:13:05)
[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" type="text/css" href="style.css" />
  2.   <!--[if IE]>
  3.   <link rel="stylesheet" type="text/css" href="style_IE_fix.css" />
  4.   <![endif]-->
[HTML] pobierz, plaintext


a dlaczego pierwszego stylu nie objąłeś if'em?
Czy to nie będzie wtedy tak, że jak jest IE to bedzie chciał jakoś naraz dać dwa style?

Ten post edytował php programmer 1.09.2005, 10:21:09
Go to the top of the page
+Quote Post
mike
post
Post #17





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----

1. To jest tak, że łądujesz jeden plik ze stylami który jest główny (zawiera wiadomo wszystkie style, klasy, ...).
2. Potem jeżeli jest IE to on ładuje sobie ponadto drugi plik ze stylami.
3. I teraz Uwaga! W tym drugim pliku nie deklarujesz zestawu wszystkich styli dla całej witryny. Tylko nadpisujesz problematyczne dla IE klasy (zawierające np.: paddingi - widomo że IE inaczej je interpretuje) a te które IE rozumie dobrze zostają wzięte z pierwszego pliku.
Go to the top of the page
+Quote Post
php programmer
post
Post #18





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 5
Dołączył: 8.11.2004
Skąd: trójmiasto

Ostrzeżenie: (0%)
-----

OK czyli rozumiem, że jak w drugim pliku zadeklaruję
style, które wystąpiły już w pierwszym pliku,
to te wcześniejsze style zostają przesłonięte.

Ten post edytował php programmer 1.09.2005, 10:33:54
Go to the top of the page
+Quote Post
mike
post
Post #19





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----

Cytat(php programmer @ 2005-09-01 10:33:32)
OK czyli rozumiem, że jak w drugim pliku zadeklaruję
style, które wystąpiły już w pierwszym pliku,
to te wcześniejsze style zostają przesłonięte.

Tak. Dokładnie o to chodzi.
Można w ten właśnie sposób "naprawiać błędy badzIEwia". winksmiley.jpg
Go to the top of the page
+Quote Post
pabbito
post
Post #20





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 26.03.2004
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

Cytat(php programmer @ 2005-09-01 11:06:13)
Skoro te przeglądarki inaczej interpretują bordery to moze zrobić
po dwa style (jeden dla IE drugi dla FF)
i w zależności od wykrytej przeglądarki włączyć odpowiedni styl, tak?

PS. Jakie będę miał realne korzyści z ustawienia DOCTYPE,
co mi to właściwie da?

Tutaj jest ładnie wyjaśnione http://hsivonen.iki.fi/doctype/

A w skrócie chodzi o to, bardziej właściwe jest tworzenie zgodnie ze standardami W3C. Trudniej o nieprzewidziane zachowania przeglądarek, chociaż trochę ich jest. Niektóre przeglądarki mają mozliwoś włączania różnych trybów renderowania strony. Wyróżnia się tam tryb "standard" , "prawie standard", "quirk". DOCTYPE daje im sygnał w jakim trybie chcemy pracować, i czy bedziemy trzymać się zasad dla XHTML1.0 czy HTML4.01 czy jakiegoś innego. Dalej poprawny doctype pozwala skorzystać z walidatorów kodu (x)html.
Po włączeniu doctype do pracy w trybie standardu, nie powinno byc różnic pomiędzy IE6 i FF. Niestety np IE5 nie ma mozliwości pracy w trybie standardu, dlatego trzeba stosować róznego typu obejscia, których próbke pokazałem w edycji mojego poprzsedniego posta. Poza problemami z boxmodelem moga jeszcze pojawić się różnice w interpretacji "float" oraz w metodach środkowania elementów.

Hasła do przeszukania na google: doctype, quirk, box model, tantek hack
I jeszcze zbiór ciekawych artykułów na ten temat:http://www.positioniseverything.net/articles.html

To co podaje mike_mech oczywiście działa, ale nie jest konieczne. Można to wszystko rozwiazać w jednym pliku, właśnie poprzez odpowiednie hacki:) A plusy tego są takei ze niektóre z nich konieczne są też dla Opery, Netscape, IEMac. Nie trzeba wtedy dla każdej z tych przeglądarek robic osobnych css_fixów. A właściwie to nawet nie bardzo sie da bo te wyrażenie warunkowe działaja tylko dle IE.

Ten post edytował pabbito 1.09.2005, 10:44:36
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

2 Stron V   1 2 >
Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 19:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn