.special{border-top:2px solid #9ACEC6; border-bottom:solid 1px #B9DDD8; padding:10px; overflow:hidden;}
.special p{float:left; margin:0 10px 15px 0;}
.special .info{float:left; width:380px;}
div class=special
p이미지/p
ul class=info
li이미지에대한 정보1/li
li이미지에대한 정보2/li
/ul
/div
위의 형식으로 코딩을 했습니다.
그런데.. ie6에서 최외곽에 있는 div가 블럭형태로 나오질 않고.. div밖으로 p와 ul에 밖에로 삐져나와버리네요.. div자체의 크기가 조절 되어야 되는데.. 다른 브라우저에선 다 문제가 없고 ie6에서만 그렇네요..
근데 p와 ul에 float:left를 없애주면 또 제대로 됩니다.
하지만 p와 ul이 나란히 보여져야 되는데.. 이거 해결 방법 없을까요?
잇힝 2026.08.17
모두들 빠른 답변 감사합니다.. 덕분에 해결 했습니다~ ^^
꽃햇님 2026.08.17
float 해체 라고 검색해보세요
그놈은멋있었다 2026.08.17
overflow:hidden; 을 해제해주는 width값이나 height값이 있어야 합니다. 핵을 쓰는 경우도 있구요 zoom:1;
말근 2026.08.17
아~ 그럼 100%-20px 로.ㅋ
VE 2026.08.17
지금같은경우는 padding이 있기때문에 100%는 안된다고 볼수 있어요~
슬옹 2026.08.17
special 에 float:left를 넣어보세요. 물론 높이 값을 줘도 되지만 가변이라면 flaot:left를 넣는것이 좋아요
흰꽃 2026.08.17
div.special에 width=100%만주셔도 해결되네요 ~ 원리는 윗고수분들이 설명..ㅋ