Hejka, mam problem z js i css
(strona jest w htmlu)
Chciałem żeby w zależności od przeglądarki i rozdzielczości wczytywały się różne zewnętrzne style ccc
Ale coś jest źle, bo styl się nie wczytuje
to jest js na stronie między <head> a</head>
Kod:
<script language="javascript" type="text/javascript">
<!--
var w = screen.width;
if (w < 1024 && browser_info=='msie')
document.write('<link rel="stylesheet" type="text/css" href="ie1024.css">');
else
if (w >= 1024 && browser_info=='msie')
document.write('<link rel="stylesheet" type="text/css" href="ie.css">');
else
if (w < 1024 && browser_info=="firefox")
document.write('<link rel="stylesheet" type="text/css" href="ff1024.css">');
else
if (w >= 1024 && browser_info=="firefox")
document.write('<link rel="stylesheet" type="text/css" href="ff.css">');
else
if (w < 1024 && browser_info=="netscape")
document.write('<link rel="stylesheet" type="text/css" href="ff1024.css">');
else
if (w >= 1024 && browser_info=="netscape")
document.write('<link rel="stylesheet" type="text/css" href="ff.css">');
else
if (w < 1024 && browser_info=="opera")
document.write('<link rel="stylesheet" type="text/css" href="opera1024.css">');
else
if (w >= 1024 && browser_info=="opera")
document.write('<link rel="stylesheet" type="text/css" href="opera.css">');
//-->
</script>
a to styl "ie.css" (ten który ma się ładować w ie przy rozdzielczości 1024 lub większej):
Kod:
#top {
background: url('obrazki/top.jpg');
background-repeat: no-repeat;
display: block;
width: 857px;
height: 252px;
}
#main {
background: url('obrazki/tlo1px.jpg');
}
#tekst {
font-size:5pt;
}
Obrazki nie ładują się, formatowanie, które określiłem w stylu nie działa.
Styl się nie wczytuje.
Może widzi ktoś co zrobiłem źle?
z góry dzięki za odpowiedzi