표준 코딩을 하다보면 float를 많이 사용하게 되는데요.
이전에는 꽤 괜찮다고 생각했던 IE7에서 오류들이 많이 발생합니다.
<style>
.wrap { float:left; width:100%; }
.left { float:left; }
.right { float:right; }
</style>
<div class='wrap'>
<div class='left'>
aaaa
</div>
<div class='right'>
bbbb
</div>
</div>
이와 같은 코딩에서 좌우로 float을 줄 경우에
IE7에서는 float:right 한 부분이 left 아래로 떨어지는 현상이 발생합니다.
이럴때는 wrap에 overfloat:hidden 을 추가해주면 간단히 해결됩니다.^^
그 밖에도 IE7에서 float:right 버그가 여러개 있는 것 같은데
검색엔진에서 검색하면 아쉽게도 영문자료들만 많이 나오네요 ㅠ
이전에는 꽤 괜찮다고 생각했던 IE7에서 오류들이 많이 발생합니다.
<style>
.wrap { float:left; width:100%; }
.left { float:left; }
.right { float:right; }
</style>
<div class='wrap'>
<div class='left'>
aaaa
</div>
<div class='right'>
bbbb
</div>
</div>
이와 같은 코딩에서 좌우로 float을 줄 경우에
IE7에서는 float:right 한 부분이 left 아래로 떨어지는 현상이 발생합니다.
이럴때는 wrap에 overfloat:hidden 을 추가해주면 간단히 해결됩니다.^^
그 밖에도 IE7에서 float:right 버그가 여러개 있는 것 같은데
검색엔진에서 검색하면 아쉽게도 영문자료들만 많이 나오네요 ㅠ
댓글 10개
쉽다zzz
12년 전
감사합니다.
asdfg
12년 전
감사~
12년 전
모든 doctype 을 테스트해보지는 않았습니다만, IE7 이하에서는 width 속성값 없이 float 속성값을 사용하면 해당 증상이 나타나는 것으로 알고 있습니다.
div 와 같이 기본 display:block 속성을 가진 요소에 대하여 나타나는 것으로 알고 있습니다.
div 와 같이 기본 display:block 속성을 가진 요소에 대하여 나타나는 것으로 알고 있습니다.
kiplayer
12년 전
지운아빠님 의견에 찬성 ㅎㅎ
^^ overflow 를 하지 마시고 width: 를 넣으시면 해결 됩니다. ㅎ
그리고 제가 쓰는 방법으로는 float 속성사용시 불가능하지 않다면 width: 를 주고
바로 밖에 있는 레이어에 height 속성을 넣어놓습니다. 그래야 float 사용으로 남은 공간에 불필요한 끼거나 화면에 문제가 없도록 사용합니다.
^^ overflow 를 하지 마시고 width: 를 넣으시면 해결 됩니다. ㅎ
그리고 제가 쓰는 방법으로는 float 속성사용시 불가능하지 않다면 width: 를 주고
바로 밖에 있는 레이어에 height 속성을 넣어놓습니다. 그래야 float 사용으로 남은 공간에 불필요한 끼거나 화면에 문제가 없도록 사용합니다.
12년 전
저도 지운아빠님 생각에 찬성합니다.
플롯 속성 특히 ie7에서는 width값이 들어가야지 정확하게 자기의 사이즈를 알고 포지션을 잡죠
overflow:hidden이 꼼수이긴하나 정확하게 집고 가자면 width값을 넣어주면 되는걸로 알고 있습니다.
플롯 속성 특히 ie7에서는 width값이 들어가야지 정확하게 자기의 사이즈를 알고 포지션을 잡죠
overflow:hidden이 꼼수이긴하나 정확하게 집고 가자면 width값을 넣어주면 되는걸로 알고 있습니다.
12년 전
float:left와 float:right를 여러번 사용했을경우 예기치 못한 버그들이 많이 발생하지요
많이 쓰지 않는게 좋습니다
많이 쓰지 않는게 좋습니다
돼지코구뇽
12년 전
오우..overfloat:hidden .. 기발합니다
takumi22
12년 전
정보 고맙습니다
12년 전
좋은 정보 감사합니다.
12년 전
플로트 해제 방법이네요. 감사합니다!!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6430 | 12년 전 | 985 | ||
| 6429 | 12년 전 | 9106 | ||
| 6428 | 12년 전 | 606 | ||
| 6427 |
제이티37
|
12년 전 | 1571 | |
| 6426 |
프로프리랜서
|
12년 전 | 1156 | |
| 6425 |
프로프리랜서
|
12년 전 | 1611 | |
| 6424 |
프로프리랜서
|
12년 전 | 1814 | |
| 6423 | 12년 전 | 1003 | ||
| 6422 |
퍼블리셔지노군
|
12년 전 | 1576 | |
| 6421 | 12년 전 | 2211 | ||
| 6420 |
 신현종실장 |
12년 전 | 1334 | |
| 6419 |
 돼지코구뇽 |
12년 전 | 1287 | |
| 6418 | 12년 전 | 1186 | ||
| 6417 |
senseme
|
12년 전 | 7426 | |
| 6416 |
senseme
|
12년 전 | 1331 | |
| 6415 |
senseme
|
12년 전 | 1193 | |
| 6414 |
senseme
|
12년 전 | 1971 | |
| 6413 |
senseme
|
12년 전 | 977 | |
| 6412 |
senseme
|
12년 전 | 1494 | |
| 6411 |
senseme
|
12년 전 | 1106 | |
| 6410 |
senseme
|
12년 전 | 1049 | |
| 6409 |
PASKRAN
|
12년 전 | 2819 | |
| 6408 | 12년 전 | 10805 | ||
| 6407 | 12년 전 | 2992 | ||
| 6406 |
프로프리랜서
|
12년 전 | 2837 | |
| 6405 |
프로프리랜서
|
12년 전 | 1375 | |
| 6404 |
프로프리랜서
|
12년 전 | 2726 | |
| 6403 |
프로프리랜서
|
12년 전 | 822 | |
| 6402 |
프로프리랜서
|
12년 전 | 1736 | |
| 6401 |
프로프리랜서
|
12년 전 | 1141 | |
| 6400 |
프로프리랜서
|
12년 전 | 1472 | |
| 6399 |
프로프리랜서
|
12년 전 | 1182 | |
| 6398 |
프로프리랜서
|
12년 전 | 1496 | |
| 6397 |
프로프리랜서
|
12년 전 | 3606 | |
| 6396 | 12년 전 | 1874 | ||
| 6395 | 12년 전 | 921 | ||
| 6394 |
신현종실장 |
12년 전 | 5241 | |
| 6393 |
제이티37
|
12년 전 | 1206 | |
| 6392 |
songsinica
|
12년 전 | 1213 | |
| 6391 |
 카카오툴즈 |
12년 전 | 3396 | |
| 6390 |
 cshop2 |
12년 전 | 1627 | |
| 6389 | 12년 전 | 4861 | ||
| 6388 |
스누피사랑
|
12년 전 | 5434 | |
| 6387 | 12년 전 | 1839 | ||
| 6386 | 12년 전 | 3063 | ||
| 6385 |
희망과열정
|
12년 전 | 929 | |
| 6384 | 12년 전 | 3295 | ||
| 6383 | 12년 전 | 10601 | ||
| 6382 |
신현종실장 |
12년 전 | 5791 | |
| 6381 |
SugarSkull
|
12년 전 | 1032 | |
| 6380 | 12년 전 | 782 | ||
| 6379 |
 hy미디어 |
12년 전 | 1984 | |
| 6378 | 12년 전 | 1565 | ||
| 6377 | 12년 전 | 500 | ||
| 6376 |
후라보노보노
|
12년 전 | 1334 | |
| 6375 | 12년 전 | 2874 | ||
| 6374 | 12년 전 | 842 | ||
| 6373 | 12년 전 | 2371 | ||
| 6372 |
takumi22
|
12년 전 | 1241 | |
| 6371 |
개초보제이
|
12년 전 | 779 | |
| 6370 |
고급자가되고
|
12년 전 | 1464 | |
| 6369 | 12년 전 | 889 | ||
| 6368 | 12년 전 | 3188 | ||
| 6367 | 12년 전 | 1883 | ||
| 6366 | 12년 전 | 2886 | ||
| 6365 |
lilyosia
|
12년 전 | 1798 | |
| 6364 | 12년 전 | 1061 | ||
| 6363 | 12년 전 | 1595 | ||
| 6362 | 12년 전 | 2740 | ||
| 6361 | 12년 전 | 2564 | ||
| 6360 | 12년 전 | 1011 | ||
| 6359 | 12년 전 | 2105 | ||
| 6358 |
 gilynh |
12년 전 | 1793 | |
| 6357 |
에헤라디야자진방아를돌려라
|
12년 전 | 789 | |
| 6356 | 12년 전 | 2093 | ||
| 6355 | 12년 전 | 3789 | ||
| 6354 | 12년 전 | 3104 | ||
| 6353 | 12년 전 | 1548 | ||
| 6352 | 12년 전 | 7772 | ||
| 6351 | 12년 전 | 2540 | ||
| 6350 | 12년 전 | 2800 | ||
| 6349 | 12년 전 | 1882 | ||
| 6348 | 12년 전 | 3551 | ||
| 6347 | 12년 전 | 1449 | ||
| 6346 | 12년 전 | 1195 | ||
| 6345 | 12년 전 | 1835 | ||
| 6344 | 12년 전 | 1416 | ||
| 6343 |
프로프리랜서
|
12년 전 | 2060 | |
| 6342 |
프로프리랜서
|
12년 전 | 1391 | |
| 6341 |
프로프리랜서
|
12년 전 | 1814 | |
| 6340 |
프로프리랜서
|
12년 전 | 1907 | |
| 6339 |
프로프리랜서
|
12년 전 | 1348 | |
| 6338 |
프로프리랜서
|
12년 전 | 1618 | |
| 6337 | 12년 전 | 5275 | ||
| 6336 |
프로프리랜서
|
12년 전 | 1634 | |
| 6335 |
프로프리랜서
|
12년 전 | 952 | |
| 6334 |
프로프리랜서
|
12년 전 | 1331 | |
| 6333 |
프로프리랜서
|
12년 전 | 2444 | |
| 6332 | 12년 전 | 1102 | ||
| 6331 |
돗단배123
|
12년 전 | 1423 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기