table width값 크로스브라우징에 대한 문의
볼수록매력
style type=text/css
!--
.ordlist04 {border-top: 1px solid #e0e0e0;}
.ordlist04 th {background: #f6f6f6; padding: 8px 0 8px 10px; text-align: left; border-bottom: 1px solid #e0e0e0;}
.ordlist04 td {padding: 5px 0 3px 5px; border-bottom: 1px solid #e0e0e0; color: #919191;}
.ordlist04 col.iecol1 {*width: 130px;}
.ordlist04 td.desc {padding-left: 20px; text-align: left;}
.ordlist04 .last {border-bottom: 0; padding-bottom: 0;}
.ordlist04 img {vertical-align: middle;}
--
/style
!doctype html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko
body
table width=950 align=center
trtd height=32 valign=topimg src=../images/purchase/txt_step_01.gif alt=주문자 정보 확인 //td/tr
/table
table width=950 align=center class=ordlist04
colgroup
col width=150px class=iecol1 /col width=325px /col width=150px class=iecol1 /col width=325px /
/colgroup
tbody
tr
thimg src=../images/purchase/txt_name_01.gif alt=주문자명 //th
td colspan=3input type=text class=txt01 style=width: 195px; //td
/tr
tr
thimg src=../images/purchase/txt_tel.gif alt=전화번호 //th
td colspan=3
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; /
/td
/tr
tr
thimg src=../images/purchase/txt_phone.gif alt=휴대전화번호 //th
td colspan=3
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; /
/td
/tr
tr
thimg src=../images/purchase/txt_email.gif alt=이메일 주소 //th
td colspan=3
input type=text class=txt01 style=width: 195px; /
select style=width: 190px;
option selected=selected선택/option
/select
input type=checkbox / 직접입력
span class=f11img src=../images/purchase/ico_box.gif alt= class=vm / 비밀번호 분실 시 등록하신 메일 주소로 알려 드립니다./span
&; /td
/tr
tr
th rowspan=2img src=../images/purchase/txt_address.gif alt=주소 //th
td colspan=3 class=last
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; /
input type=image src=../images/purchase/btn_find_post.gif alt=우편번호찾기 class=iptbtn01 /
/td
/tr
tr
td colspan=3input type=text class=txt01 style=width: 795px; //td
/tr
tr
thimg src=../images/purchase/txt_order_pass.gif alt=주문비밀번호 //th
tdinput type=text class=txt01 style=width: 195px; //td
thimg src=../images/purchase/txt_pass_check.gif alt=비밀번호확인 //th
tdinput type=text class=txt01 style=width: 195px; //td
/tr
/tbody
/table!-- end 주문자 정보 확인 --
table width=950 align=center style=margin-top: 30px;
trtd height=32 valign=topimg src=../images/purchase/txt_step_02.gif alt=배송 정보 입력 //td/tr
/table
table width=950 align=center class=ordlist04
colgroup
col width=150px /col width=325px /col width=150px /col width=325px /
/colgroup
tbody
tr
thimg src=../images/purchase/txt_name_02.gif alt=주문자명 //th
td colspan=3input type=text class=txt01 style=width: 195px; //td
/tr
tr
thimg src=../images/purchase/txt_tel.gif alt=전화번호 //th
td colspan=3
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; /
/td
/tr
tr
thimg src=../images/purchase/txt_phone.gif alt=휴대전화번호 //th
td colspan=3
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; /
/td
/tr
tr
thimg src=../images/purchase/txt_email.gif alt=이메일 주소 //th
td colspan=3
input type=text class=txt01 style=width: 195px; /
select style=width: 190px;
p; option selected=selected선택/option
/select
input type=checkbox / 직접입력
span class=f11img src=../images/purchase/ico_box.gif alt= class=vm / 비밀번호 분실 시 등록하신 메일 주소로 알려 드립니다./span
/td
/tr
tr
th rowspan=2img src=../images/purchase/txt_address.gif alt=주소 //th
td colspan=3 class=last
input type=text class=txt01 style=width: 50px; / -
input type=text class=txt01 style=width: 50px; /
input type=image src=../images/purchase/btn_find_post.gif alt=우편번호찾기 class=iptbtn01 /
/td
/tr
tr
td colspan=3input type=text class=txt01 style=width: 795px; //td
/tr
tr
thimg src=../images/purchase/txt_delivery.gif alt= //th
td colspan=3input type=text class=txt01 style=width: 195px; //td
/tr
/tbody
/table!-- end 배송 정보 입력 --
/body테이블 th 값에서 오페라와 익스8만 아래 테이블 th가로값이 더 확장 된걸 볼 수 있는데요.
width값을 %로 해도 증상은 똑같구요..왜그런지..흠..
테이블에서 width값을 4가지 이상으로 나누는 경우 크로스브라우징이 다 되게 하는 팁 같은게 있나요???
-
조은 2025-06-21
col의 넓이와 padding의 넓이가 더해져서 발생하는 현상입니다.
2줄이 아니고 form요소가 아닌경우 그냥 text-indent를 사용하시거나
div를 한번더 감싸서 div에 padding을 주시거나
각 개별로 클래스 만들어서 사용하세요 -
조히 2025-06-21
번거럽더라도 div 감싸는 방법이 다 똑같이 나오네용..윽!! 감사합니다^^
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2698932 | 메뉴목록 풍선창 만들기 html (2) | 하늘이 | 2025-06-21 |
2698901 | http://www.zeitgeistbot.com/ 이 사이트처럼 움직이는 효과를 무엇이라고 하나요? | 누림 | 2025-06-21 |
2698876 | table width값 크로스브라우징에 대한 문의 (2) | 볼수록매력 | 2025-06-21 |
2698849 | c언어 질문. (3) | 아름나 | 2025-06-20 |
2698823 | setInterval 이벤트 제거 하려면... | 가온길 | 2025-06-20 |
2698796 | 이 오류를 이해를 못하겠어요 | Addicted | 2025-06-20 |
2698712 | IF 문 이 계속 오류가 나요 (2) | 옆집오빠야 | 2025-06-19 |
2698687 | 이미지를 클릭하면 그 이미지를 다운받게해주는 방법 질문요 ^^ (미해결) (5) | 해지개 | 2025-06-19 |
2698663 | 상속하면 자꾸 class 이름이 애러가 나네요 (2) | 미련곰탱이 | 2025-06-19 |
2698637 | 마크업 질문요~~ (6) | 바르고 | 2025-06-18 |
2698551 | 게시판폭보다 큰 이미지올릴때 어떻게 하시는지요 (9) | 에드문드 | 2025-06-18 |
2698522 | [VB.net]원인을 몰라서 이렇게 질문해요! | 개랑 | 2025-06-17 |
2698448 | 인코딩 관련문제, 정말 어떻해야 할까요!! (3) | 해찬나래 | 2025-06-17 |
2698395 | [질문] 글꼴 포함 시켰을때 퍼블리시 속도 왤케느려요~~~~~~~~T.T (3) | 하연 | 2025-06-16 |
2698365 | 쉽지 않은 ul li 문제점 (2) | 크심 | 2025-06-16 |
2698310 | 제이쿼리 질문요~ (10) | 두힘 | 2025-06-15 |
2698284 | 원격지 서버 값 받아오기/ (3) | 민서 | 2025-06-15 |
2698252 | 제이쿼리 간단 질문 | 먹딸기 | 2025-06-15 |
2698231 | sprintf?? 질문 (1) | 별빛 | 2025-06-15 |
2698204 | 자동차 ECU 맵핑 아시는분? (4) | 풍란 | 2025-06-14 |