IE와 FF 사이

FF에서는 div로 여러번 둘러쌓여 있는 테이블이 아무 이상없이 잘나왔다.

근데 IE에서는 문제가 생겼다.

먼저 height값을 넣지 않았더니 크기가 커졌다.

마치 padding값이 5픽셀정도 더해진듯 보인다.

당연히 padding, margin값에 0 을 줬다.

table 이 없으면 문제가 없다.

그래서 div height:100% 주면 div를 크기는 문제가 없어진다.

그러자 이번에는 tabel에 내부 border-line 이 없어졌다.

당연 이번에도 FF에는 문제가 없다.

table에 border:1px solid #C1C1C1;border-collapse:collapse; 스타일을 적용되어 있다.

해결방법

td 에도 똑같이

border:1px solid #C1C1C1;border-collapse:collapse; 스타일을 적용했더니 된다.


또하나, height 값이 없는 상태에서 IE의 경우

<A href="~~~"></A>로 링크가 있는 경우 롤오버시 div가 커져 아래에 있는 것이 밀리는 현상이 일어나기도 한다.