수다닷컴

위에는 FF

위 FF

IE화면

form action= method=post class=boardWrite
fieldset
legend게시물 등록 페이지/legend

table cellspacing=0 summary=게시물 등록 페이지입니다. id=boardWriteTable class=rowOrange
caption게시물 등록/caption
colgroup
col width=* /
col width=185 /
col width=100 /
col width=* /
/colgroup
tr
th scope=col colspan=4 class=viewTitleh4세관장에게 바친다/h4/th
/tr
tr
th scope=row글번호/th
td100/td
th scope=row작성일/th
td2008-10-12/td
/tr
tr
th scope=row작성자/th
td colspan=3홍길동/td
/tr
tr
th scope=row진행상태/label/th
td colspan=3답변완료/td
/tr
tr
th scope=row전화번호/th
td colspan=3064-782-3502/td
/tr
tr
th scope=row주소/th
&nbnbsp; td colspan=3제주특별자치도 서귀포시 성산읍 온평리/td
/tr
tr
th scope=row내용/th
td colspan=3아냐아냐아냐아냐!!!!!!!!/td
/tr
tr
th scope=row첨부파일/th
td colspan=3첨부파일.zip(1024888.kb)/td
/tr
tr
th scope=row비밀번호/th
td colspan=312345678/td
/tr
/table

div class=boardNavigation
a href=01_01_write.jsp class=buttonimg src=/images/board/btn_list.gif alt=목록 //a
input type=image src=/images/board/btn_registration.gif alt=등록 /
/div
/fieldset
/form.boardWrite{width:100%; font-size:100%;}
.boardWrite *{ margin:0; padding:0;}
.boardWrite fieldset{ border:0; position:relative;}
.boardWrite legend{ position：absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardWrite table{}
.boardWrite th{width:88px; height:30px; padding:0px 0 0 12px; font-weight:bold; border-bottom:1px solid #FFF; text-align:left;}
.boardWrite td{ height:30px; padding:0 0 0 12px; }
.boardWrite td.W185{width:185px;}
.boardWrite h4{width:100%; font-size:120%;height:30px;_height /**/:40px;padding:5px 0 5px 15px;background:url(/images/board/bgThBlue.gif) no-repeat left top;color:#419ece; border:1;}

#boardWriteTable {width:100%;color:#333;}
#boardWriteTable th{border-top:1px solid #FFF; margin:0;padding-right:10px; font-size:95%;}
#boardWriteTable td{ height:33px; *height:24px;padding:4px 10px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; font-size:95%;}

#boardWriteTable td .inputSelect{width:auto; height:auto; }
#boardWriteTable td input{border:1px solid #d2d2d2; padding:2px 4px 2px 4px; height:12px; _height /**/:19px;*margin:-1px 0;font-size:105%;}
#boardWriteTable td .inputText{width:60%; }
#boardWriteTable td .inputText2{width:97%;}
#boardWriteTable td .inputText3{width:240px; }
#boardWriteTable td .inputBasic{width:140px;}
#boardWriteTable td .inputFile{height:auto;}
#boardWriteTable td .inputPassword{width:70px;}
#boardWriteTable td .addText{margin:0;}
#boardWriteTable td .zipcode{width:155px;}
#boardWriteTable td .address{width:184px;}
#boardWriteTable td .textarea{width:99%;height:150px;font-size:105%;}

#boardWriteTable.rowOrange th.viewTitle{border:0px solid red;font-size:105%;height:30px; _height /**/:45px !important; padding:5px 0 10px 15px !important;
_padding /**/:5px 0 0 15px !important; _line-height /**/:27px; background:url(/images/board/bgThOrange.gif) no-repeat left top;}
#boardWriteTable.rowOrange th h4 {width:500px;margin:0; padding:0; background:none;color:#f8a804 !important;}

작업사항이 너무 많아 dl dt로 하기 바빠서 테이블 코딩 하려고 하는데요
width값이 브라우저 별로 안맞아서요.. 저렇게 4개로 span해줬을때 ....

th 부분 빽그라은드 색이 다 달라서 클래스로 빼주고요
100px고정값이여서주고 padding-right값 주고 했는데요
브라우저마다 렌더링 값이 다르네요..자로 재보니 10px정도 차이나는데..
td 부분도 할때마다 td width값을 css로 잡기보다 col로 잡는게 나을거 같아 그렇게 주었는데
만약 td를 col에서 width:185px 주면 IE에서는 200px정도가 나와버리네요..
차이가 10px이상 나버려서,,어떻게 해야할지 난감하네요..
그냥 넘겨 버리기엔 너무 많이 차이가 나버리는,,,
여러분은 어떻게 코딩 하시나요? dl dt dd로 하기엔 이미 너무 많이..
스토리보드를 이제야 넘겨받아서 생각지도 못한 레이아웃...아 골아파..

신청하기