수다닷컴

자세히 보면 맨 윗부분이 떠 있습니다.
마진을 0로 둬도 안먹히는군요..

근데 div class = body
의 body클래스를 boder : solid 1px red; 이런식으로 하니까 붙긴 붙는데 가로 라인이 필요없어서
border-left : solid 1px #98B7E3;
border-right : solid 1px #98B7E3;
식으로 하니까 뚜껑과 본체가 연결이 안되는군요...

이럴 땐 어떻게 해야 되는건지요?
그리고 inbody 클래스와 body의 height를 각각 주었습니다만
만약 가변 특히 inbody클래스의 height를 특정 지을 수 없을 때 실무적으로
어떻게 위의 갭을 이으면서 해결하는지 고수님들께 여쭙고 싶습니다.

그리고 만약 Hack사용이 필요하다면
필요할 것 같다 아니다 미리 예측할 수 있는 방법은 없을까요?

알면 알 수록 어려워지는데 경험상 이런 땐 익숙해 질때 까지 밀고 나가는게 답인 것 같아
바닥이 보일 때 까지 한 번 파 보게요...[HTML]
div
div class = head/div
div class = body
div class = inbody/div
/div
div class= footer/div
/div
[CSS]
.head
{
background : #FFF url(../image/Subject_bg_top.png) no-repeat left top;
width : 300px;
height : 5px;
clear : both ;
overflow:hidden ;
}
.body
{
border-left : solid 1px #98B7E3;
border-right : solid 1px #98B7E3;
width : 298px;
height : 283px;
}
.inbody
{
background : #FFF url(../image/casemodel1.png) no-repeat left top ;
width: 283px;
height : 243px;
margin : 7px 7px 7px 7px;
}
.footer
{
background : #FFF url(../image/subject_bg_bottom.png) no-repeat left top ;
width: 300px;
height : 13px;
}

신청하기