IE에서의 float를 둘러싼 BUG
이전부터 몇번 이런 버그(복잡한 float구조에서 width를 지정했음에도 불구하고 “b”블록의 텍스트가 “a”블록 바로 밑에 표시되는 버그)가 있었지만 google에서 찾아봐도 마땅한 자료를 못 찾았다.
일단 먹힐만한 방법은 다 적용해보아도 해결되지 않았고 결국 “A”블록에 position:relative를 지정하고 “a”에 지정한 float:left 대신 position:absolute를 지정해서 해결했지만(position:absolute를 지정할 경우 top와 left를 지정하지 않으면 Windows의 IE5.0, 5.5에서 제대로 위치를 잡지 못하는 점에 주의) position:absolute를 사용하는 것에 따른 단점이 많은지라 어떻게든 float로 해결하고 싶다. 우움..뭔가 좋은 방법이 없을려나?
IE는 수수께끼 대왕:-)
2006-09-26 at 15:45:49
코드가 없어서 확인해 보진 못했지만 혹시,
http://forum.standardmag.org/viewtopic.php?id=754
이것과 같은 이유로 생기는 문제가 아닌가 생각해봅니다~
2006-09-26 at 16:22:14
IE는 버르장머리 없는 아이.. 정도로 부르고 싶습니다만.. :)
IE의 float 버그 때문에 저는 그냥 relative속성을 띈 wrap을 하나 만들고 float될 녀석한테는 그냥 absolute를 이용하고 있습니다.
2006-09-26 at 19:50:40
후리자님
Standard Magazine Forum에 올라온 내용을 확인해 보았습니다만 역시 조금 다른 문제인 것 같습니다. 그래도 많은 도움이 되었습니다. 감사합니다 후리자님:-)
중독님
네. float 대신 positon을 사용하면 문제가 해결이 됩니다만…역시 height를 따로 지정해줘야 하는 문제도 생기고 이래저래 귀찮아 지는 것 같아서 float로 해결하고 싶은데 브라우저가 지원을 안 하니 어쩔 수가 없군요..;;
참, Mac의 IE에서는 float된 블록에 flash를 넣으면 제대로 재생이 안 되는 문제가 있더군요. 뭐 지금은 그다지 쓰이지 않으니 별 문제는 없습니다만 IE에 float 관련된 버그가 많은 것 같습니다(물론 다른 버그도 많지만..;;).
2006-09-26 at 21:40:58
저렇게 float을 사용해야 생기는 버그라는 것을 알아내기도 쉽지 않았답니다. 아훔~
저는 뭔가로 밑을 가려주는 방법으로 해결했던 기억이 나내요.
2006-09-26 at 21:54:02
저 녀석(?)이 버그가 좀 많아야죠..;; 가끔은 그래서 더 재밌을때도 있습니다. 하하하..;
2006-10-06 at 21:54:52
http://www.positioniseverythin.....cters.html
이 버그가 아니었을까요?
float된 div사이에 Comment가 있을 경우에 생긴다는…
2006-10-06 at 22:58:54
안녕하세요. ruseel님 반갑습니다:-)
완벽하게 동일한 상황은 아니지만 제대로 살펴보니 조금 의심스러운 부분이 있군요! 내일 회사가면 좀 더 자세하게 확인해봐야 겠습니다.
좋은 정보 감사합니다:-)
2007-01-22 at 13:35:49
늦엇지만 간혹 ie5.5에서 폼테그 안에서 플롯을 정렬한다거나 width:100%로 처리시 저런현상이 일어남니다.
2007-01-22 at 13:46:20
안녕하세요 바로바님. 반갑습니다:-)
좋은 정보 감사합니다. IE5.0, 5.5, 6.0는 width관련해서 에러가 많이 일어나더군요. 특히 background와 함께 사용할때는 많은 주의가 필요한 것 같습니다.
2008-01-11 at 18:52:36
[...] nmindPlus 님의 블로그 [...]