댓글 : IE6 : CSS Double Margin Float Bug.

정찬명가 만듬

정찬명 — Thu, 18 Dec 2008 11:26:07 +0000

김민님, a 클래스가 float 되어 있어서 그렇습니다. float된 엘리먼트는 width값이 minimum이 되기 때문에 자식 요소의 너비만큼만 줄어드는게 정상입니다. a 클래스에 float:left 속성이 있는것을 못보셨나봐요. ^^

김민가 만듬

김민 — Thu, 18 Dec 2008 06:23:19 +0000

참 이상하네요..
a클래스에 너비를 주지 않았는데 왜..마치 300px 준것 처럼 보이는걸까요?
높이 100px 너비 100% 표현되어야 하는거 아닌가요?

길앞잡이가 만듬

길앞잡이 — Thu, 18 Dec 2008 03:37:06 +0000

이거 유명한 버그지요~ 더블마진 ㅎ
해결방법은 알고있었는데
float 안에 float이 동일한방향의 마진이생길때
버그가 생긴다는것은 처음알았어요~
또하나 배우고 가네요 ~

정찬명가 만듬

정찬명 — Wed, 17 Dec 2008 01:30:23 +0000

오히려 제가 잘 몰랐습니다. ㅡㅡ; 글 마무리에 명백한 오류가 있었고 현재 정정하였습니다. CSS의 float에 관한 스펙을 자세히 들여다 보니 float된 상자는 display 속성이 block이 된다는 특징이 있었고 이것을 제가 그동안 몰랐던 것입니다. 따라서 언더바 ‘_’ 핵 같은 것은 사용하지 않아도 됩니다. display속성을 inline으로 바꾸더라도 해당 엘리먼트는 block 상태를 유지하기 때문에 치프님께서 경험하신 대로 아무 이상이 없을 것입니다. 중요한 코멘트 주셔서 감사합니다.

치프가 만듬

치프 — Wed, 17 Dec 2008 00:53:58 +0000

안녕하세요~ 제가 잘 몰라서 그러는데여.
익스6의 더블마진을 해결하기위해 언더바를 붙인 _display:inline; 을 사용하셨는데,
언더바 없이 display:inline; 을 사용하면 다른 브라우저에 악영향을 미치는건가여?!

작업할때 언더바없이 사용해도 별 이상을 못봐서염~

정찬명가 만듬

정찬명 — Tue, 16 Dec 2008 17:14:23 +0000

앗, 현석님 트랙백 건져 올렸습니다. 스팸 플러그인이 트랙백에 지나치게 민감하게 반응하네요. 하지만 이번에 건져 올렸으니 앞으로는 스팸으로 분류되지 않을껍니다. ^^

hyeonseok's me2DAY가 만듬

hyeonseok's me2DAY — Tue, 16 Dec 2008 15:57:02 +0000

신현석의 생각…

플로트 더블 마진…정말 알 수 없는 일이죠. ㅎㅎ…

신현석가 만듬

신현석 — Tue, 16 Dec 2008 15:55:47 +0000

트랙백을 보냈는데 잘 안되네요. 스팸 처리 됐나? ㅎㅎ

신현석(Hyeonseok Shin)가 만듬

신현석(Hyeonseok Shin) — Tue, 16 Dec 2008 15:41:46 +0000

Archive / Css / Float…

인터넷 익스플로러에서 플로트의 마진이 두배가 되는 현상…

정찬명가 만듬

정찬명 — Tue, 16 Dec 2008 15:21:25 +0000

와우. 저도 미처 몰랐던 사실입니다. 포스트 첫 문장에 코멘트 해주신 내용을 추가해 두었습니다. 이거 포스팅 한번 할때마다 꼭 다른분들의 도움을 받게 되는데 너무 기분이 좋네요. ^^; 정말 감사합니다. 앞으로도 종종 부탁드려요. ㅎㅎ.