검색결과 리스트
css 크로스브라우징에 해당되는 글 1건
- 2007.12.10 크로스 브라우징을 위한 CSS적용 Tip
글
크로스 브라우징을 위한 CSS적용 Tip
html
2007. 12. 10. 12:21
현재 작업하고있는 사이트의 자체 요구사항(Needs For Me)중
한가지가 크로스 브라우징이다.
모든 브라우저에서 이상없게 구현하기 위해선 CSS가 걸레가 될듯 싶고,
최소한 Firefox, IE6, IE7, Opera까지는 동일한 Layout을 보장받고 싶다.
작업하면서 특정 브라우저에 맞춰서 작업하다보면 다른 브라우저에선
여지없이 깨지는 상황을 겪게되었다.
가장 적은 삽질로 동일한 Layout을 보장 받을 수 있는 나름의 Tip은
Firefox를 base로 작업하고
IE7 Hack적용, IE6Hack적용
즉,
첫번째 작업의 기본브라우저를 Firefox로 한다.
두번째 IE7에서 Layout을 확인하고, 깨지는 부분에 대해서 IE7용 Hack을 적용한다.
세번째 IE6에서 Layout을 확인하고, 깨지는 부분에 대해서 IE6용 Hack을 적용한다.
이런경우 오페라는 거의 보너스로 Layout이 잘 맞는다.
더불어 IE7, IE6 적용 Hack은 다음과 같다.
Only IE7 :
*:first-child+html #dividname {
}
}
Only IE6:
*html #divname {
}
}
