Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Problem z dostosowaniem strony do IE
Joshio
post 8.11.2012, 15:05:11
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

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


Mam problem ze stroną w Internet Explorer, w przeglądarkach: Google Chrome, Mozilla Firefox, Opera, Safari strona chodzi bez zarzutów.

Pierwszy problem zaczyna sie przy centrowaniu strony

  1. #bg {
  2. background:url(../images/bg.png) center;
  3. height:1020px;
  4.  
  5. }


1. W pozostałych przeglądarkach główny div jest na środku ale w IE jest po lewej stronie - próbowałem róznych rzeczy jednak nie pomogło strona ciągle jest po lewej stronie.
Jak wycentrować strone w IE?

2. Mam funkcje:
  1. #logo{
  2. height:136px;
  3. width:297px;
  4. background:url(../images/logo.png);
  5. margin-top:15px;
  6. float:left;
  7. display:block;
  8. outline:none;
  9. }


  1. #logo:hover{
  2. opacity:0.91;


Z tego co wyczytałem aby hover: opacity działało na IE dopisuje się:
  1. filter:alpha(opacity=50);

Gdy dopisałem efekt nie działa...

3. Następnym problemem jest slider nivo-slider który nie działa prawidłowo na IE z każdym sliderem sa problemy na IE?

4. Czy jest skrypt który rozpoznaje przeglądarkę i np. w przypadku FF i innych przełącza na index a w przypadku IE na index2?

Ten post edytował Joshio 8.11.2012, 15:05:49
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
CuteOne
post 8.11.2012, 15:17:55
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


1. margin: 0px auto
2. jaka wersja IE?
3. niestety microshit już tak ma :/
4. $_SERVER['HTTP_USER_AGENT'] lub w htaccess http://www.htaccesstools.com/articles/dete...edirect-iphone/

Ten post edytował CuteOne 8.11.2012, 15:25:38
Go to the top of the page
+Quote Post
b4rt3kk
post 8.11.2012, 15:38:14
Post #3





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


1. Centrowanie strony

Jeśli chcesz by jakiś element był na środku, to element nadrzędny musi mieć text-align: center. Jeśli dobrze zrozumiałem, w Twoim przypadku jest to body. By wszystkie inne bloki nie miały również centralnego ułożenia tekstu ustawiasz left dla wszystkich divów.

  1. body {
  2. text-align: center;
  3. }
  4.  
  5. div {
  6. text-align: left;
  7. }


2. Nie wiem, która wersja IE, ale na 8 działa bez problemu. Kwestia deklaracji wersji HTML i innych rzeczy w nagłówku.

3. Nie wiem, ja tam wole pisać własne slidery jak zajdzie potrzeba. Przynajmniej wiem co i jak działa.

4. Nie potrzebujesz dwóch indexów raczej, a odpowiedni arkusz stylów w przypadku IE.

  1. <!--[if IE]>
  2. <link rel="Stylesheet" type="text/css" href="style/style-for-ie.css" />
  3. <![endif]-->


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
Joshio
post 8.11.2012, 17:06:17
Post #4





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

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


Cytat
4. Nie potrzebujesz dwóch indexów raczej, a odpowiedni arkusz stylów w przypadku IE.

  1. <!--[if IE]>
  2. <link rel="Stylesheet" type="text/css" href="style/style-for-ie.css" />
  3. <![endif]-->


Wystarczy wpisać dokładnie ten kod w head aby działało? Strona może być w html czy musi być w PHP?

Ten post edytował Joshio 8.11.2012, 17:06:55
Go to the top of the page
+Quote Post
viking
post 8.11.2012, 17:09:42
Post #5





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

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


To są komentarze warunkowe dla IE
http://msdn.microsoft.com/en-us/library/ms...v=vs.85%29.aspx


--------------------
Go to the top of the page
+Quote Post
b4rt3kk
post 8.11.2012, 17:11:54
Post #6





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


Cytat(Joshio @ 8.11.2012, 17:06:17 ) *
Wystarczy wpisać dokładnie ten kod w head aby działało? Strona może być w html czy musi być w PHP?


Dokładnie, tak jak mówi viking. Jest to kod HTML interpretowany tylko przez IE, w tym przypadku wczyta zawartość innego arkusza stylów.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 25.07.2025 - 10:13