마이크온블로그닷컴 ::Just Quit your Job!::

오늘 또 열씨미 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 트릭 관련 링크