브라우저 구별 및 스타일 시트 적용 정보
브라우저 구별 및 스타일 시트 적용
첨부파일
본문
원본 내용
-------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>Browser Hack's for IE (5, 5.5, 6) , FireFox</title>
<style type="text/css">
h1{font:bold 30px verdana;}
p{font:11px/2em verdana;}
#hack{color:red;color/**/:blue;colo\r:purple;}
html>body #hack{color:green;}
</style>
</head>
<body>
<h1 id="hack">브라우져별css적용</h1>
<p>
IE5.0: Red<br>
IE5.5: Blue<br>
IE6.0: Purple<br>
FireFox: Green
</p>
</body>
</html>
-------------
적용 내용
style.css
/*익스플로러*/
body, td, p, button, textarea, select {
color:#blue;
}
/* 파이어 폭스*/
html>body, td, p, button, textarea, select {
color:#red;
}
익스 사용자는 파란색, 파이어폭스는 레드
내용추가
//웹 브라우저 구분
if(eregi("mozilla",$HTTP_USER_AGENT)) {
if(eregi("msie",$HTTP_USER_AGENT)) {
echo "Explorer");
}else{
echo "Netscape";
}
}else{
echo "I donw know!";
}
?>
-------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>Browser Hack's for IE (5, 5.5, 6) , FireFox</title>
<style type="text/css">
h1{font:bold 30px verdana;}
p{font:11px/2em verdana;}
#hack{color:red;color/**/:blue;colo\r:purple;}
html>body #hack{color:green;}
</style>
</head>
<body>
<h1 id="hack">브라우져별css적용</h1>
<p>
IE5.0: Red<br>
IE5.5: Blue<br>
IE6.0: Purple<br>
FireFox: Green
</p>
</body>
</html>
-------------
적용 내용
style.css
/*익스플로러*/
body, td, p, button, textarea, select {
color:#blue;
}
/* 파이어 폭스*/
html>body, td, p, button, textarea, select {
color:#red;
}
익스 사용자는 파란색, 파이어폭스는 레드
내용추가
//웹 브라우저 구분
if(eregi("mozilla",$HTTP_USER_AGENT)) {
if(eregi("msie",$HTTP_USER_AGENT)) {
echo "Explorer");
}else{
echo "Netscape";
}
}else{
echo "I donw know!";
}
?>
추천
1
1
댓글 0개