수다닷컴

전에 이런 구조를 테이블로 만들어서 했으나 괜시리 dl dt dd로 만들어 보고 싶어서,,
위 이미지는 IE6.0과 5.5에서만 되는거랍니다.
7.0과 FF에선 아래 그림처럼 딱 붙어서 잘 나와요
소스는 dd에 float값과 width값을 주어지지 않았을때 인데요.
dd에 width값을 주지 않고 사이를 딱 붙게 할 수 없을까해서,,,
(dt, dd에 width값을 주어서 붙는것은 확인했습니다.)
나중에 dd를 또 추가 할 일이 생길수가 있는것을 고려하여,,,
요새 질문이 정말 많아 지네요,, 하,,오늘도 역시 야근을,,ㅜㅜ
야근 하시는 분 모두 홧팅

form action= method=post class=boardWrite
fieldset
legend새글쓰기/legend
dl class=boardWriteBlue
dtlabel for=userPart구분/label */dt
dd
select name=구분 선택 id=userPart
option selected=selected구분/option
option이름/option
option등록/option
/select
/dd
/dl
/fieldset
/form

.boardWrite{width: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 dl{}
.boardWrite dt{float:left; width:88px; _width /**/:100px; height:24px; padding:6px 0 0 12px; font-weight:bold; clear:left; border:1px solid red;}
.boardWrite dd{ height:24px; display:block; margin-left:100px; padding:6px 0 0 12px; clear:right; border:1px solid green; }

.boardWrite .boardWriteBlue{}
.boardWrite .boardWriteBlue dt{color:#1967be; background:#b7daec; border-top:1px solid #b7daec; border-bottom:1px solid #b7daec; }
.boardWrite .boardWriteBlue dd{ border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.boardWrite .boardWriteBlue dd select{width:100px; height:20px; }

신청하기