오늘 또 열씨미 CSS를 만지다가 이런 경우가 발생했다…
항상 FireFox 기준으로 디버깅을 하기때문에..
FireFox에서는 잘 나오는데… IE6 에서 특정 CSS 한줄이 제대로 안나오는 것이다..ㅎㅎ
TAB 브라이징 을 위한 탭을 만들고 있는중인데…
#tab
{
float: left;
display:inline;
width: 70%;
margin-left: 1%;
padding: 0 0 20px 0px;
height: 0px;
}
바로 저 패딩부분에서 문제가 생겼다.. float Layout 이기때문에 항상 문제가 생기는거 같다..-–
여튼 저 한줄 패딩부분을 !important; padding: 0 0 0px 0px;
!important 를 주면,.. 즉,..
#tab
{
float: left;
display:inline;
width: 70%;
margin-left: 1%;
padding: 0 0 20px 0px !important; padding: 0 0 0px 0px;
height: 0px;
}
요렇게 적어주시면.. 내가 원하는 대로 나온다..
그런데,!!! 아주 중요한거.. 버그를 정말 고칠려고 맘먹고 하나하나 하다 보면…
#tab
{
float: left;
display:inline;
width: 70%;
margin-left: 1%;
padding: 0 0 0px 0px; height: 0px;
}
걍 요렇게 해도 된다.. ㅋㅋㅋ
참고로 float 레이아웃에서 저 Height 는 IE6에서는 안 먹는거 같다.. –– 왜지???
왠지 삽질한 기분….
CSS 트릭 관련 링크