Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]CSS i Explorer
ithat
post
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 9.01.2013

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

Witam
mam problem z arkuszem stylów, otóż owa klasa jest bez problemowo wykrywana pod wszystkimi przeglądarkami, oprócz IE. W czym tkwi problem ?
oto kod
[CSS] pobierz, plaintext 
  1. table.all
  2. {
  3. text-align:center; margin-right: auto; margin-left:auto;
  4. }
[CSS] pobierz, plaintext

pozdrawiam
ithat

Ten post edytował ithat 7.02.2013, 10:50:29
Go to the top of the page
+Quote Post
mstraczkowski
post
Post #2





Grupa: Zarejestrowani
Postów: 273
Pomógł: 52
Dołączył: 3.02.2013
Skąd: Przemyśl

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

W twoim pytaniu jest zawarta odpowiedź.

Najprawdopodobniej problem leży w .... IE smile.gif


--------------------
Jeżeli moja wypowiedź Ci pomogła użyj przycisku
Go to the top of the page
+Quote Post
ithat
post
Post #3





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 9.01.2013

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

Heh ok, to może inaczej, czy ktoś wie jak to poprawić ?
pozdrawiam
ithat
Go to the top of the page
+Quote Post
adgad
post
Post #4





Grupa: Zarejestrowani
Postów: 74
Pomógł: 0
Dołączył: 14.04.2010

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

Podpinam się do temat. Mam podobny problem. W szablonie dodałem takie coś:
Kod
        <!--[if IE]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if IE 9]>
          <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
        <![endif]-->

No ale co jeszcze można zrobić? Osobne style dla IE?
Go to the top of the page
+Quote Post
ithat
post
Post #5





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 9.01.2013

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

Innego rozwiazanie nie znalazlem, tylko osobne style dla IE pomogly
pozdrawiam
ithat
Go to the top of the page
+Quote Post
adgad
post
Post #6





Grupa: Zarejestrowani
Postów: 74
Pomógł: 0
Dołączył: 14.04.2010

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

Wrócę do tematu. W innych przeglądarkach niż IE 9 i wcześniejszych mam na start css:
Kod
margin: 0 auto;

no ale ja już nawet kolega wyżej napisał dla ie wymagane jest tworzenie osobnego arkusza, to margin nie działa, działa, np:
Kod
margin-left: 200px;

No ale jak będzie inna rozdzielczość to trochę źle to wygląda. Moje pytanie brzmi zatem: jak sobie z tym poradzić? Wykrywać rozdzielczość ekranu i na tej podstawie dla ie tworzyć odpowiedni margin? Czy jakoś inaczej?
Go to the top of the page
+Quote Post
Damonsson
post
Post #7





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

Masz jakiś przykład online takiej strony?
Go to the top of the page
+Quote Post
adgad
post
Post #8





Grupa: Zarejestrowani
Postów: 74
Pomógł: 0
Dołączył: 14.04.2010

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

Hmm, aktualnie nie. Ale mogę wrzucić na hosting, tylko że dopiero jutro, teraz z tela piszę.

Zgodnie z obietnicą, wstawiłem zarodek szablonu i pliki css na serwer testowy:
http://grzeznikiewicz.com.pl/
No i "jedyny" problem to przeglądarki starsze od IE10, tam nie działa margin: 0 auto.
Go to the top of the page
+Quote Post
muniekw
post
Post #9





Grupa: Zarejestrowani
Postów: 243
Pomógł: 22
Dołączył: 1.06.2009
Skąd: Warszawa

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

Czemu w stylach masz ustawiony 
[HTML] pobierz, plaintext 
  1. margin-left: 300px;
[HTML] pobierz, plaintext
?

Jeśli chcesz wyśrodkować stronę bo domyślam się, że o to Ci chodzi to zerknij sobie np tu: Wyśrodkowanie strony

Jest sporo tego typu poradników, więc bez problemu coś wyszukasz. wink.gif

Zawsze możesz dołączyć jeszcze style resetujące znaczniki: Style
Go to the top of the page
+Quote Post
adgad
post
Post #10





Grupa: Zarejestrowani
Postów: 74
Pomógł: 0
Dołączył: 14.04.2010

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

Cytat(muniekw @ 8.02.2013, 09:36:20 ) *
Czemu w stylach masz ustawiony 
[HTML] pobierz, plaintext 
  1. margin-left: 300px;
[HTML] pobierz, plaintext
?

Jeśli chcesz wyśrodkować stronę bo domyślam się, że o to Ci chodzi to zerknij sobie np tu: Wyśrodkowanie strony

Jest sporo tego typu poradników, więc bez problemu coś wyszukasz. wink.gif

Zawsze możesz dołączyć jeszcze style resetujące znaczniki: Style

Czemu?: chciałem pokazać dla przykładu że tylko tak mogę odsunąć treść.
Przykład z linku nie działa. Dałem nawet już w div ten contener i nadal nic. Zanim tu napisałem to oczywiście szukałem. Szukałem też na tym forum. Jeśli znasz link do artykułu który na pewno działa to będę wdzięczny. No chyba że coś robię źle.
Co do klasy reset-w projekcie ona istnieje-jednak wyświetla tak samo z reset i bez niego, więc wrzucając pominąłem ten plik.

Ten post edytował adgad 8.02.2013, 09:54:43
Go to the top of the page
+Quote Post
muniekw
post
Post #11





Grupa: Zarejestrowani
Postów: 243
Pomógł: 22
Dołączył: 1.06.2009
Skąd: Warszawa

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

Napisane na szybko:

styles.css
[HTML] pobierz, plaintext 
  1. @CHARSET "UTF-8";
  2.  
  3. * {margin:0; padding:0;}
  4. #container {
  5. 	margin: 0 auto;
  6. 	width: 750px;
  7. 	height: auto;
  8. 	border: 1px red solid;
  9. }
[HTML] pobierz, plaintext


index.html
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. 	<meta http-equiv="content-type" content="text/html; charset=utf-8">
  5. 	<title>Test</title>
  6.  
  7. 	<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
  8.  
  9. </head>
  10. <body>
  11. 	<div id="container">
  12. 		Jakiś tekst.
  13.     </div>
  14. </body>
  15. </html>
[HTML] pobierz, plaintext


Sprawdź czy działa. Ewentualnie sobie przerób.
Go to the top of the page
+Quote Post
!*!
post
Post #12





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Prawdopodobnie nadpisujesz style css w innych plikach. http://jsfiddle.net/jTjYx/


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
adgad
post
Post #13





Grupa: Zarejestrowani
Postów: 74
Pomógł: 0
Dołączył: 14.04.2010

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

Cytat(!*! @ 8.02.2013, 11:54:20 ) *
Prawdopodobnie nadpisujesz style css w innych plikach. http://jsfiddle.net/jTjYx/

Fakt, w kontrolerze wczytywałem jeszcze raz plik style.css który jest w layoucie. Kod od @muniekw też wstępnie działa, więcej napiszę jak porządnie przetestuje, bo na serwerze mam komunikat że nie można połączyć z bazą a za chwilę jest ok.

Hmm, nie wiem co sądzić. Jak patrzyłem wcześniej na komputerze z windows7 -> ie9 to działało, teraz na moim komputerze z win8 nie działa. Mógłby ktoś sprawdzić pod adresem który podałem? Ja używam ie testera, gdyż mam ie10, w którym wszystko działa jak należy, a w ie testerze nie działa z kolei.
Kod @!*! działa mi w ie testerze, przekształciłem na taki:
[HTML] pobierz, plaintext 
  1. <DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8" />
  5.         <link type="text/css" rel="stylesheet" href="application/themes/myTheme/views/layouts/css/style.css" />
  6.         <link type="text/css" rel="stylesheet" href="application/assets/css/reset.css" />
  7.         <script type="text/javascript" src="application/assets/js/jquery.js"></script>
  8.         <!--[if IE]>
  9.           <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  10.         <![endif]-->
  11.         <!--[if IE 9]>
  12.           <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
  13.         <![endif]-->
  14.  
  15.         <title>Programowanie w php</title>
  16.     </head>
  17.     <body>
  18.         <section class="all">
  19.             test 
  20.         </section><!--end contener-->
  21.     </body>
  22. </html>
[HTML] pobierz, plaintext

a css:
Kod
.all{margin:0 auto;text-align:center;width:100px;border:1px solid red}

No i w trybie zgodności nie działa ;/

Ten post edytował adgad 8.02.2013, 21:16:37
Go to the top of the page
+Quote Post
Damonsson
post
Post #14





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

Dodaję text-align: center dla body na http://grzeznikiewicz.com.pl/ i działa nawet pod IE7, więc w czym problem? Margin auto też jakoś da się zrobić, ale nie pamiętam.
Go to the top of the page
+Quote Post
!*!
post
Post #15





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

1. nie korzystaj z zewnętrznych programów jak jakieś śmieszne testery zgodności, bo potrafią być błędy w renderowaniu.
2. jak już musisz testować sam wygląd to dobrym rozwiązaniem wydają się serwisy podobne do browsershots.org lub browserlab.adobe.com
3. plik reset.css MUSI być pierwszy w szablonie, a nie drugi.
4. wywal te skrypty js na początek przed css, lub wywal wszytko i sprawdzaj po kolei, a znajdziesz przyczynę.
5. skorzystaj z jakiś narzędzi np. dragonfly w operze, lub narzędzia developera w chrome, może wyświetlą coś co jest kolizyjne.

Ten post edytował !*! 9.02.2013, 11:06:26


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
adgad
post
Post #16





Grupa: Zarejestrowani
Postów: 74
Pomógł: 0
Dołączył: 14.04.2010

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

Cytat(Damonsson @ 9.02.2013, 00:26:21 ) *
Dodaję text-align: center dla body na http://grzeznikiewicz.com.pl/ i działa nawet pod IE7, więc w czym problem? Margin auto też jakoś da się zrobić, ale nie pamiętam.

W tym że najwyraźniej źle to robiłem, teraz na spokojnie jeszcze raz zrobiłem dla body text-align i jest ok. Co ciekawe to załatwia całą sprawę.
Cytat(!*! @ 9.02.2013, 11:05:32 ) *
1. nie korzystaj z zewnętrznych programów jak jakieś śmieszne testery zgodności, bo potrafią być błędy w renderowaniu.

Wiem że potrafią być, ale do Twojego postu nie wiedziałem o innych sposobach
Cytat(!*! @ 9.02.2013, 11:05:32 ) *
2. jak już musisz testować sam wygląd to dobrym rozwiązaniem wydają się serwisy podobne do browsershots.org lub browserlab.adobe.com

Rzeczywiście, to dużo lepsze rozwiązanie.
Cytat(!*! @ 9.02.2013, 11:05:32 ) *
3. plik reset.css MUSI być pierwszy w szablonie, a nie drugi.
4. wywal te skrypty js na początek przed css, lub wywal wszytko i sprawdzaj po kolei, a znajdziesz przyczynę.

Ok, przyjąłem. Przyczyna chyba znaleziona: brak tex-align w body. Bez tego nie umiem zrobić. Może kiedyś się natknę na lepszy sposób.
Cytat(!*! @ 9.02.2013, 11:05:32 ) *
5. skorzystaj z jakiś narzędzi np. dragonfly w operze, lub narzędzia developera w chrome, może wyświetlą coś co jest kolizyjne.

Korzystam z firebuga w firefox - najlepiej mi się w nim pracuje smile.gif
Dzięki za pomoc.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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 - 10:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn