Mozilla 한국 커뮤니티

http://www.ohmynews.com/ArticleView/art ... &back_url=

에 가면 상단의 사진이 매우 작게 나옵니다. 까닭은 이미지를 감싸고 있는 table의 width를 '100'이라고 단위 없이 지정해 놓았기 때문입니다. (아래 html 참조) 아마도 MS IE는 이것을 100%로 해석하고 모질라는 100px로 해석하나 봅니다. 저자의 의도는 100%였고요. 그렇다면 당연히 단위를 명시해 주어야 합니다.

이런 문제점을 지적하는 메일을 보내도 감감 무소식입니다. webmaster@ohmynews.com로 오는 메일을 읽고는 있는지 모르겠습니다. 그것 말고도 오마이뉴스의 html/css는 여러 가지 관점에서 문제가 매우 많습니다.  "<font style="font-size: 9pt; line-height: 130%;" color="#666666">....</font>"과 같은 경우는 하도 어이가 없어서 말도 안 나옵니다.


혹시 여기 계신 분 중에 그쪽에 아시는 분이 있는지 있다면  이런 문제점을 전달해 주시면 좋겠습니다.



<table align="center" border="0" cellpadding="0" cellspacing="0" width="100"> <tbody><tr>         <td align="right"><img src="http://image.ohmynews.com/down/images/1 ... 620%5D.jpg" border="0" width="100%"></td> </tr> <tr>        <td height="10"></td></tr><tr>         <td align="left"><font style="font-size: 9pt; line-height: 130%;" color="#666666">▲ 장성민 민주당 총선기획단장이 4일 기자간담회에서 노인복지정책을 발표하며 최근 민주당의 지지율이 상승국면에 있다고 설명하고 있다. </font></td> </tr> <tr>         <td class="context" align="left"><font style="font-size: 9pt; line-height: 120%;" color="#666666"></font></td> </tr> <tr>         <td class="date" align="left">ⓒ2004  오마이뉴스 김태형</td> </tr> <tr>         <td height="10"></td> </tr> </tbody></table> <br>

오마이뉴스 몇 달 전에 이 문제 고쳤던데, 최근에 다시 살아났더군요.

두 브라우저간 레이아웃 차이는 <table> width="100"에 대한 해석의 차이가 아니라, <img> width="100%"에 대한 해석 차이입니다. 이 100%를 모질라는 (CSS2 스펙에 맞게) 부모 element (이 경우에는, td)에서 지정한 폭에 대해 계산하는데 반해, IE는 물리적인 그림 원본 크기에 대해 계산합니다.

이런 문제가 발생하는 사이트가 꽤 있어서 (대표적으로 네이버 뉴스), 저는 그냥 다음 내용을 userContent.css에 넣어 놓고 씁니다.

td img[width="100%"]
{ width: auto !important; }

evangelism이란 측면에서는 올바른 방법은 아니지만, 사이트 측에서 고치기를 기다리기가 좀 짜증나네요.

얼마전에 메일 보냈었는데... 메일용량이 만땅이라면서 반송되던데요 ㅎㅎ

kheled 님 감사합니다

오마이 기자 계시면, 오마이에서 하는일이 Microsoft의 독점 전략에 얼마나 도움이 되는지를 알리는 기사를 써주세요.
그러면 바뀌지 않을까요.