묻고답하기
브라우저에 따른 서로 다른 CSS 파일 불러오기
2012.05.02 23:04
안녕하세요.
layout.html 파일에 브라우저에 따라 서로 다른 CSS파일을 불러와야할 것 같아서 그렇게 작업을 하고 있는데요.
아래는 관련 스크립트 부분입니다.
<script language="javascript">
if(navigator.userAgent.indexOf("MSIE 9.0") > 0 ){
document.write('<link rel="stylesheet" href="./css/layoutE.css" type="text/css">')
}
else if(navigator.userAgent.indexOf("MSIE 8.0") > 0 ){
document.write('<link rel="stylesheet" href="./css/layoutE.css" type="text/css">')
}
else if(navigator.userAgent.indexOf("MSIE 7.0") > 0 ){
document.write('<link rel="stylesheet" href="./css/layoutE.css" type="text/css">')
}
else if(navigator.userAgent.indexOf("MSIE 6.0") > 0 ){
document.write('<link rel="stylesheet" href="./css/layoutE.css" type="text/css">')
}
else if(navigator.userAgent.indexOf("Firefox") > 0 ){
document.write("Firefox")
}
else if(navigator.userAgent.indexOf("Chrome") > 0 ){
document.write('<link rel="stylesheet" href="./css/layoutC.css" type="text/css">')
}
else if(navigator.userAgent.indexOf("Safari") > 0 ){
document.write('<link rel="stylesheet" href="./css/layoutS.css" type="text/css">')
}
</script>제 컴퓨터에서 로컬로 열면 문제없이 열리는데,
제로보드XE 레이아웃을 만들어 게시판에 적용하면 위 스크립트가 안먹는지, CSS가 전혀 먹질 않네요.
다른 방법이 있는건지 알고 싶습니다.
답변 부탁드립니다.
감사합니다.
