Zaloguj się

bybek5 · 12-12-2009, 18:43

Witam
Jestem w trakcie tworzenia strony WWW. Strona nie wyświetla się dobrze we wszystkich rozdzielczościach, dlatego w zależności od rozdzielczości monitora zostaje załadowany odpowiedni arkusz CSS. Wygląda to mniej więcej tak:

Kod:
<head>

...

<!--[if IE 8]>

<LINK ID='styl_ide' REL="Stylesheet" TYPE="text/css">

<![endif]-->

<script language="javascript">

var szer = window.screen.width;

if(szer == 1024)

  {document.getElementById('styl_ide').href = "style1024e8.css";}

else

  {document.getElementById('styl_ide').href = "style1280e8.css";}

</script>

Chciałem to wykonać w taki sposób, ale to nie działa. Arkusze nie są w ogóle ładowane. Pod FF i Operą wszystko jest ok.

**dziamber** · 12-12-2009, 19:45

No nie dziwię się wcale, jak na początku masz instrukcję warunkową dla IE a potem chcesz jeszcze inny styl IE wpakowac zależny od rodzielczosci...

bybek5 · 12-12-2009, 20:11

No a jak mógłbym to zrobić?

**dziamber** · 12-12-2009, 20:16

Wyrzucic tą pierwszą instrukcję dla IE, i napisac bardziej szczegółową w JavaScript. Najpierw określasz jaka przeglądarka, a póżniej jaka rozdzielczosc.

bybek5 · 13-12-2009, 01:57

w sumie to ja się za bardzo na tym nie znam. Mógłbyś podać taki szkic?

**dziamber** · (Ten post był ostatnio modyfikowany: 13-12-2009, 02:15 przez dziamber.)

Zaraz coś wykombinuje dla ciebie. Ok mam, to coś w tym stylu będzie, nie znam js więc nie wiem czy będzie dobrze:

Kod PHP:
<script type="text/javascript">
var szer = window.screen.width;
if (navigator.appName == "Netscape") {
    if(szer == 1024) {
          document.getElementById('styl_ide').href = "style1024e8.css";
    } else {
          document.getElementById('styl_ide').href = "style1280e8.css";
    }
}
else if (navigator.appName == "Microsoft Internet Explorer") {
    if(szer == 1024) {
          document.getElementById('styl_ide').href = "style1024e8.css";
    } else {
          document.getElementById('styl_ide').href = "style1280e8.css";
    }
}
else {
    if(szer == 1024) {
          document.getElementById('styl_ide').href = "style1024e8.css";
    } else {
          document.getElementById('styl_ide').href = "style1280e8.css";
    }
}
</script> 

bybek5 · (Ten post był ostatnio modyfikowany: 13-12-2009, 03:09 przez bybek5.)

Dobra dzięki. Zobaczę czy to zadziała.

A przy okazji, znasz się trochę na przekierowaniach w .htacces?

**dziamber** · 13-12-2009, 03:19

No nie bardzo Smile

Ale pisz może ktoś inny pomoże

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie