/알쏭달쏭스타일쉬트

조프일기/2005-08-19에서 보고 "우오오~" 하고 지나갔다가, 1년 반이 지나서 작업해 보았습니다.

UseModWiki스타일쉬트/프린트용을 해서, 인쇄를 할 때는 상단 메뉴바나 하단 편집가이드, 그리고 일기 같은 경우는 우측 캘린더 부분 등은 출력되지 않게 고치고 테스트하면서 "좋아좋아" 하면서 흡족해하고 있던 참인데...

UseModWiki소스수정/Vim플러그인을 사용해서 소스 코드를 출력한 경우 바탕이 검정색으로 나와서 아무래도 인쇄할 때 보기에 안 좋죠. 그래서 프린트용 스타일쉬트에는

PRE {
    background: white;
}

PRE font {
    color: black;
}

위와 같이 pre 태그로 둘러쌓인 곳은 하얀 바탕, 검은 글씨로 나오게 했습니다.

오후에 학교에서 작업한 후 IE에서 "인쇄 미리 보기"를 했더니 아래와 같이 나오더군요.

(IE6.0의 미리보기, 학교에서)

그리곤 집에 와서 룰루랄라 하면서 다시 한 번 확인을 했는데...

(IE6.0의 미리보기, 집에서)

???

똑같은 XP SP2 (물론 자동 업데이트를 얼마나 잘 했냐에 따라 세세한 버전이 조금 다를 수는 있겠지만), 똑같은 IE 6.0.2900.2180어쩌고 저쩌고, 똑같은 인쇄 설정으로 보는데 왜 그럴까요? 심지어 방금 스샷은 원격 데스크탑으로 접속해서 찍은 거라 대상 프린터 기종과 프린터 옵션까지 똑같습니다. =ㅅ=??

집에서 FF로 보면 역시 잘 됩니다.

(FF의 미리보기, 집에서. vi 플러그인 출력 부분의 글자들이 좀 붙어서 보이지만 출력해보면 잘 나옴)

사실 플러그인 출력 자체에 다음처럼 스타일 지정이 있어서...

<pre class='syntax' style='font-family:FixedSys,monospace;color:#c0c0c0;background-color:black'>

"css 파일보다 html 출력 내에 있는 style= 속성을 우선시하기 때문에 검정 바탕으로 나오는 거다"라면 할 말은 없습니다만... 왜 똑같은 IE인데 서로 다르게 나오는지 이유를 모르겠습니다. 아시는 분 좀 가르쳐주세요 =.=;;;

크윽,

글을 쓴 지 5분 만에, 그러고보니 IE의 고급 옵션 부분을 안 살폈었다는 생각이 들어서 보니까,

도구->옵션->고급->배경색 및 이미지 인쇄

저 옵션이 학교는 꺼져 있었고 집은 켜져 있었네요. 바꿔주니까 잘 됩니다.

그럼 그 말은... vi플러그인 출력은 css파일의 것이 적용되지 않고 html 출력에 들어 있는 게 우선시된다는 얘기...인가 보죠?

그리고 FF에서도, 파일->페이지설정->용지 및 배경->배경 인쇄 옵션을 켜면 시커멓게 나오는군요.

---

원래 css는 element에 직접 지정한것
없으면 html header에 지정한 것
없으면 import 한것
순으로 적용됩니다.

네 근데 인쇄할 때는 그때가서 media="print"로 지정된 css를 적용시키니까 혹시 되지 않을까 싶었는데 그렇게는 안 되는가보네요. 본문 element에 print용 스타일이라고 따로 명시할 수 있을까요?

-- Raymundo 2007-2-13 9:13 am