style media 지정

[crizin]

웹사이트에 프린트용, 그리고 PDA용 스타일을 추가하려고 하는데요

Code: Select all

<link rel="stylesheet" type="text/css" href="./style.css" title="Default Style for PC" />
<link rel="stylesheet" media="print" type="text/css" href="./style_print.css" title="Style for Print" />
<link rel="stylesheet" media="handheld" type="text/css" href="./style_handheld.css" title="Style for Handheld" />

이렇게 기본스타일과 print, handheld에 대한 스타일을 따로 지정했는데요

일단 파이어폭스에서 프린트 미리보기(실제 프린트는 안해봤지만)에서 프린트 스타일을 무시하고 기본 스타일만 먹히고요, PDA(Windows Mobilie 2003)에 내장된 포켓 익스플로러에서는 handheld에 지정된 스타일을 무시하더군요..

둘다 원래 아직 지원을 못하는건지.. 아니면 다른방법으로 지정해야되는건지 궁금합니다

[신승식]

Code: Select all

<link rel="stylesheet" type="text/css" href="./style.css" title="Default Style for PC" /> 
<link rel="stylesheet" media="print" type="text/css" href="./style_print.css" title="Style for Print" /> 
<link rel="stylesheet" media="handheld" type="text/css" href="./style_handheld.css" title="Style for Handheld" /> 

윗 부분을 아래와 같이 첫 번째 스타일에 media="screen" 넣어서 바꾸니 잘 됩니다.

Code: Select all

<link rel="stylesheet" media="screen" type="text/css" href="./style.css" title="Default Style for PC" /> 
<link rel="stylesheet" media="print" type="text/css" href="./style_print.css" title="Style for Print" /> 
<link rel="stylesheet" media="handheld" type="text/css" href="./style_handheld.css" title="Style for Handheld" /> 

파이어폭스에서는 프린트 스타일 아주 잘 지원해줍니다. 심지어 표가 페이지 중간에서 짤리면 표 헤딩 부분은 알아서 반복적으로 인쇄해주는 똑똑함까지 있습니다. 핸드헬드 쪽은 기계가 없어서 잘 모르겠습니다.

[crizin]

말씀해주신대로 해보니 프린트 미리보기 상태에서 screen의 style이 적용되지는 않는데
이번엔 style이 적용되지 않은 HTML만 나오네요..;;

으음 미스테리입니다.

doctype이라든가 다른데 영향을 받기라도 하는걸까요?

내일 좀더 자세히 테스트 해보고 다시 답글 달아보겠습니다.
(포켓 IE쪽은 여전히 인식을 못하네요)