자바스크립트를 이용한 겁니다.
아래가 그 소스인데요...

<script>
function zb_img_check(){
        var zb_main_table_width = document.zb_get_table_width.width;
        var zb_target_resize_num = document.zb_target_resize.length;

        for(i=0;i<zb_target_resize_num;i++){
                if(document.zb_target_resize[i].width > zb_main_table_width) {
                        document.zb_target_resize[i].width = zb_main_table_width;
                }
        }
}
window.onload = zb_img_check;
</script>


우선 제로보드 이미지들은 다음과 같이 name=zb_target_resize 라는 부분을 자동적으로 달고 나오게 되어있습니다.

        <img src=images/t.gif border=0 name=zb_target_resize>

위 소스에서 보시면 zb_main_table_width 라는 변수가 받는 값이 zb_get_table_width라는 객체의 width라는 것을 알 수 있죠?
전체적인 레이아웃을 결정하는 테이블의 너비입니다. 만약 특정한 길이를 주고 싶다면 숫자를 대입하셔도 관계없는 부분입니다.

zb_target_resize_num라는 변수는 zb_taget_resize라는 name을 달고 나온 모든 이미지를 담고 있는 배열입니다.
zb_target_resize_num.length 이렇게 하면 배열에 몇개의 이미지가 담겨져있는가를 알 수 있습니다. 만약 name=zb_target_resize가 붙은 이미지가 하나라고 하면 1을 반환하구요 여러개라고 하면 그 여러개에 해당하는 숫자를 반환합니다.

for문을 이용해서 대상 객체들의 너비가 전체테이블의 크기보다 크면 테이블의 너비만큼 이미지를 줄여주고 있습니다.
IE의 특성상 너비만 줄이면 알맞은 비율로 높이도 줄어들기 때문에 높이는 따로 지정해주지 않았네요~ *^^*