사이트에서 은근히 신경 쓰이는 문제

[구름]

파이어폭스 1.0.5 정도 쓸 때는 아주 깔끔하게 잘 보였던거 같은데 디어파크 때부턴가 모질라 사이트에서 저 글쓴이 부분 너비가 제멋대로 보여요. 그래서 어중간하게 줄이 바뀌는데 신경쓰이네요. 지금은 1.5 beta 버전 쓰고 있는데 마찬가지에요.
viewtopic.php?t=1841
<a href="http://imageshack.us"><img src="http://img332.imageshack.us/img332/4930/018mx.jpg" border="0" width="550" alt="Image Hosted by ImageShack.us" /></a>

예전엔 모두 아래처럼 보였는데 지금은 간혹가다 이렇게 보이는 곳도 있지만 대부분 좁게 나와요.
viewtopic.php?t=3672
<a href="http://imageshack.us"><img src="http://img332.imageshack.us/img332/5381/021ak.jpg" border="0" width="550" alt="Image Hosted by ImageShack.us" /></a>

그리고 모질라 업데이트 사이트에서는 이렇게 덧글 입력창 부분이 삐죽 나오거든요.
그런데 여기만 그런게 아니라 가끔 돌아다니면 간혹 블로그 덧글 입력창에도 이런 식으로 보이는 곳이 있던데요.
http://update.mozilla.or.kr/addons/?p=3 ... =extension
<a href="http://imageshack.us"><img src="http://img332.imageshack.us/img332/1694/036pf.jpg" border="0" width="550" alt="Image Hosted by ImageShack.us" /></a>

전에 잘보이던게 파이어폭스 업그레이드 한 후부터 그랬는데 사이트 문제인가요 아니면 파이어폭스 문제인가요? 은근히 신경쓰여서요.

그리고 저만 저렇게 보이는지 궁금하네요.

[군]

저도 그런 문제가 있습니다.

소스 보니까
<th class="thLeft" width="150" height="26" nowrap="nowrap">글쓴이</th>
이렇게 돼 있던데.

왜 width가 150이 안될까요?

width가 적용 안되는게 표준인가요?

[miLRain]

첫번째 증상은 저도 그럽니다.
그건 디어파크때부터(정확히는 Gecko엔진이 1.8로 넘어오면서)생긴 문제(문제라고 하는게 정확한 표현인지는 모르겠지만)인듯 보입니다.
제가 모질라슈트1.8(모질라슈트1.8부터 Gecko1.8적용)사용할 때 그런증상이 있었는데 Gecko1.8사용하는 Firefox역시 그런 증상이 있더군요.

[구름]

지메일에서도 저런 증상이 나타나더군요.
파이어폭스 쓰면서 웹표준이란 말을 많이 접했는데 모질라 사이트가 저렇게 보여서 내심 많이 당황했었어요. 흠.. 이상하네요.

[hyeonseok]

왜 width가 150이 안될까요?

width가 적용 안되는게 표준인가요?

width가 적용안되는게 표준일리 있나요? 표현에 주의해 주시기 바립니다.

표준에 따르면 width 150을 지정해도 상황에 따라서 적용이 안될수 있습니다.
좀더 자세히 말씀 드리자면, width를 150으로 지정을 하여도 table-layout 속성과 각 셀 내용의 폭에 따라서 150이 되지 않을 수도 있습니다.

http://www.w3.org/TR/1998/REC-CSS2-1998 ... dth-layout
를 참고해 보시면 확실하게 아실 수 있습니다. (저는 머리가 나빠서 잘 이해가 안가는 군요.) 이 알고리즘때문에 table의 랜더링이 div 보다 느리고, 특히나 table을 많이 중첩하는 것이 안좋다고 하는 것입니다.

문제를 해결할 수 있는 가장 좋은 방법은 항상 너비가 일정하기를 바라는 테이블의 table-layout 속성을 fixed 로 지정하고 colgroup 과 col 을 이용해서 각 cell에 width 를 지정하는 것입니다.