Mozilla 한국 커뮤니티

:hover 를 사용해서 좀 재미나게 꾸며 볼려고 했더니만,

ie 는 a 태그만 먹히네요.

http://msdn.microsoft.com/library/defau ... /hover.asp

trio 에 보니까 별말은 없네요.

http://trio.co.kr/webrefer/css2/selecto ... do-classes

흠.. 어느것이 표준이죠??

ff 는 tr 과 li 에도 먹히네요.

http://iniz.info/homepage.html

여기 보면 중간에 테이블 있는데 거기에 tr 에 적용 시켰습니다. 흠야.. ff 만 검게 변하고 ie 는 안 변합니다.

어느것이 표준일까요.

우.. 참 그리고 ie 랑 ff 랑 중간에 크기가 다르게 잡힙니다. 오린쪽 바와 중간 내용 부분이 ie 에서 약간 겹칩니다.왼쪽은 괜찮은데. ff 는 모두 정상으로 보이는데요.

해결책이 없을까요..

다른 태그에도 hover를 적용할 수 있습니다.
하지만 익스가 지원을 못하고 있습니다.

그리고 마지막 질문은 무슨 뜻인지 잘 모르겠습니다.

익스에서 불여우보다 글씨가 크네요.
글꼴크기를 잡아주세요.

스타일이 꽤 긴데 css파일로 분류해주세요.

홈페이지를 보니 아래쪽에 더블테이크버그가 무엇인지 모르시겠다고 했는데 그냥
글쓰는김에 설명해 드리겠습니다.

<div>
<div style="margin-left:20px; float:left;"></div>
</div>

위와 같이 레이어 내부에 플로팅된 레이어 객체에 마진값을 줄경우 익스에서는
20px가 아닌 40px로 두배가 적용됩니다. 엽기적이죠.
해결 방법은 style="margin-left:20px; float:left; display:inline;"
display:inline;을 추가해 주면 됩니다. 플로팅(float)된 레이어는 display:inline;이
원래는 아무런 역할도 하지 못합니다.
하지만 익스에서는 버그를 잡아줍니다. ㅡㅡ; 이런걸 css hack이라고 합니다.
간단하게 말해서 편법. ㅎㅎ 익스가 워낙 버그가 많아서 불쌍한 익스를 위한 이런
편법들이 많이 있답니다.