IE6과 FF에서 서로 레이아웃이 다르게 보이는 문제. 정보
IE6과 FF에서 서로 레이아웃이 다르게 보이는 문제.관련링크
본문
문제가 발생하는 링크 주소 : http://cs.kangwon.ac.kr/cs_2007/gnuboard4/bbs/board.php?bo_table=undergraduate_album
사용 OS : WindowsXP sp2
사용 웹브라우저 : IE6 and FF
해당하는 부분의 CSS를 보면
#contents_left_menu {
float:left;
width:230px;
height:400px;
background-image:url(../images/left_menu_bg.jpg);
background-repeat:no-repeat;
}
#contents {
width:600px;
height:auto;
margin-left:240px;
padding:20px 20px 20px 20px;
background-image:url(../images/contetns_bg.jpg);
background-repeat:no-repeat;
}
left_menu 부분에 float:left를 주어서 왼쪽으로 배치시켰는데;;
IE6에서는 gnuboard가 아래로 밀리더라고요;
어떻게 해야 될까요? 답변 부탁드리겠습니다.
사용 OS : WindowsXP sp2
사용 웹브라우저 : IE6 and FF
해당하는 부분의 CSS를 보면
#contents_left_menu {
float:left;
width:230px;
height:400px;
background-image:url(../images/left_menu_bg.jpg);
background-repeat:no-repeat;
}
#contents {
width:600px;
height:auto;
margin-left:240px;
padding:20px 20px 20px 20px;
background-image:url(../images/contetns_bg.jpg);
background-repeat:no-repeat;
}
left_menu 부분에 float:left를 주어서 왼쪽으로 배치시켰는데;;
IE6에서는 gnuboard가 아래로 밀리더라고요;
어떻게 해야 될까요? 답변 부탁드리겠습니다.
댓글 전체
#contents에도 float:left;를 넣으면 되지 않을까 합니다.
vlign:top를 넣으면 되지 않을까요?
둘중 하나를 이용하시면...ㅜ.ㅜ;;
valign:top << (위 님이 오타여서 다시한번 적어봅니다.) 을 넣어보신후 다시한번 점검해보세요.
valign:top << (위 님이 오타여서 다시한번 적어봅니다.) 을 넣어보신후 다시한번 점검해보세요.