dl 넓이가 100%가 안되요.
든솔
게시판 만들고 있는데요.
bodyReadHader 와 bodyReadFooter부분에
dl 태그를 썼는데 넓이 100%를 줬는데도 100%가 안되고 텍스트를 넣은 만큼만 나와요.
도와주심 정말 복 받으실거예요.
.boardRead{ margin:20px 0 0 0; padding:0; width:100%;}
.boardReadHeader { margin:0; padding:0; width:100%; border-top:2px solid #979797; overflow:hidden;}
.boardReadHeader * { margin:0; padding:0;}
.boardReadHeader dl { float:left; margin:0; padding:0; width:100%; white-space:nowrap;}
.boardReadHeaderdt { float:left; display:block; padding:5px 15px; font-weight:bold; background:#ddd; color:#666666;}
.boardReadHeaderdd { float:left; padding:5px 15px; font-size:100%;}
.boardReadHeader .title { clear:both; margin:0; padding:8px 15px 10px 15px; width:100%; border-top:1px solid #979797; background:#fff url(images/bg_board_top.gif) repeat-x left bottom;}
.boardReadBody{ padding:15px; line-height:1.5em;}
.boardReadFooter { padding:0; *zoom:1; width:100%; border-top:1px solid #979797; background:#fff url(images/bg_board_top.gif) repeat-x left bottom; overflow:hidden;}
.boardReadFooter:after { content:; display:block; float:none; clear:both;}
.boardReadFooter * { margin:0; padding:0;}
.boardReadFooter dl { margin:0; padding:0; width:100%; overflow:hidden;}
.boardReadFooterdt { float:left; padding:7px 30px; font-weight:bold;}
.boardReadFooterdt.prev { background: #ddd url(images/i_board_prev.gif) no-repeat 15px center;}
.boardReadFooterdt.next { background: #ddd url(images/i_board_next.gif) no-repeat 15px center;}
.boardReadFooterdd { float:left; padding:7px 15px; font-size:100%; border-top:1px solid #ddd;}
div class=board
div class=boardRead
div class=boardReadHeader
dl
dt등록일/dt
dd2009-04-12/dd
dt작성자/dt
dd홍길동/dd
/dl
div class=title투잡*알바* 하실분 연락주세요./div
/div
div class=boardReadBody
투잡*알바* 하실분 연락주세요.br /
투잡*알바* 하실분 연락주세요.br /
투잡*알바* 하실분 연락주세요.br /
/div
div class=boardReadFooter
dl
dt class=prev이전글/dt
dd당뇨인들이 깜짝 놀랄 정보 입니다 /dd
/dl
dl
dt class=next다음글/dt
dd다음글이 없습니다. /dd
/dl
/div
/div
/div
-
활력초
dt style=\float: left; width: 100px;\
dd style=\width: 100%;\/dd
float의 기능(?)을 이용하면 가능합니다. -
거북이
float가 먹혀있어서 어쩔 수 없구요~ dd 대신에 dl에 보더값을 주는건 어떨까요?
-
다인
오홍~요래 하니깐 되네요~ 움하~ 감사해요~~
-
퐁당
수다님 말씀대로..dd에 float 빼시고요..dd에 margin으로 띄어주시면 되겠는걸요...
-
에드윈
브라우저 크기에 따라서 변하는 게시판이라 dd에 width 고정값을 주면 안되거든요. 100%를 주면 밑으로 떨어지구요.
-
대나무
dl에 font-size:100%로 주셨군요... dd의 width값을 주시면 될것 같은데요...