표준 코딩을 하다보면 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년 전
플로트 해제 방법이네요. 감사합니다!!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6530 |
퍼블리셔강
|
12년 전 | 648 | |
| 6529 | 12년 전 | 1304 | ||
| 6528 | 12년 전 | 624 | ||
| 6527 | 12년 전 | 790 | ||
| 6526 | 12년 전 | 6580 | ||
| 6525 | 12년 전 | 549 | ||
| 6524 | 12년 전 | 839 | ||
| 6523 | 12년 전 | 489 | ||
| 6522 | 12년 전 | 536 | ||
| 6521 | 12년 전 | 797 | ||
| 6520 | 12년 전 | 739 | ||
| 6519 | 12년 전 | 1743 | ||
| 6518 |
가슴시린하늘
|
12년 전 | 1723 | |
| 6517 | 12년 전 | 1362 | ||
| 6516 | 12년 전 | 5225 | ||
| 6515 | 12년 전 | 1494 | ||
| 6514 | 12년 전 | 1597 | ||
| 6513 | 12년 전 | 954 | ||
| 6512 | 12년 전 | 1982 | ||
| 6511 | 12년 전 | 1370 | ||
| 6510 | 12년 전 | 3063 | ||
| 6509 |
프로프리랜서
|
12년 전 | 2548 | |
| 6508 |
프로프리랜서
|
12년 전 | 1898 | |
| 6507 |
프로프리랜서
|
12년 전 | 2374 | |
| 6506 |
프로프리랜서
|
12년 전 | 1854 | |
| 6505 |
프로프리랜서
|
12년 전 | 1631 | |
| 6504 | 12년 전 | 1028 | ||
| 6503 | 12년 전 | 1127 | ||
| 6502 |
프로프리랜서
|
12년 전 | 5555 | |
| 6501 |
프로프리랜서
|
12년 전 | 2601 | |
| 6500 |
프로프리랜서
|
12년 전 | 3083 | |
| 6499 |
프로프리랜서
|
12년 전 | 1750 | |
| 6498 |
프로프리랜서
|
12년 전 | 1463 | |
| 6497 | 12년 전 | 808 | ||
| 6496 |
yunkiri486
|
12년 전 | 1810 | |
| 6495 | 12년 전 | 917 | ||
| 6494 | 12년 전 | 1491 | ||
| 6493 | 12년 전 | 2763 | ||
| 6492 |
오늘도망했다
|
12년 전 | 2337 | |
| 6491 |
오늘도망했다
|
12년 전 | 1677 | |
| 6490 |
오늘도망했다
|
12년 전 | 6659 | |
| 6489 |
오늘도망했다
|
12년 전 | 2497 | |
| 6488 |
홈피119
|
12년 전 | 698 | |
| 6487 | 12년 전 | 670 | ||
| 6486 | 12년 전 | 1407 | ||
| 6485 | 12년 전 | 2050 | ||
| 6484 | 12년 전 | 899 | ||
| 6483 | 12년 전 | 717 | ||
| 6482 | 12년 전 | 1341 | ||
| 6481 | 12년 전 | 1468 | ||
| 6480 |
Header
|
12년 전 | 690 | |
| 6479 |
 grapedw |
12년 전 | 1126 | |
| 6478 |
개초보제이
|
12년 전 | 1394 | |
| 6477 | 12년 전 | 797 | ||
| 6476 | 12년 전 | 1076 | ||
| 6475 | 12년 전 | 3683 | ||
| 6474 | 12년 전 | 1424 | ||
| 6473 | 12년 전 | 961 | ||
| 6472 | 12년 전 | 852 | ||
| 6471 |
AMDbest
|
12년 전 | 1203 | |
| 6470 |
jinmuk
|
12년 전 | 1447 | |
| 6469 |
jinmuk
|
12년 전 | 4250 | |
| 6468 |
jinmuk
|
12년 전 | 5577 | |
| 6467 | 12년 전 | 696 | ||
| 6466 |
jinmuk
|
12년 전 | 2272 | |
| 6465 |
jinmuk
|
12년 전 | 6736 | |
| 6464 |
jinmuk
|
12년 전 | 2408 | |
| 6463 |
jinmuk
|
12년 전 | 9333 | |
| 6462 |
희망과열정
|
12년 전 | 536 | |
| 6461 |
Header
|
12년 전 | 723 | |
| 6460 |
희망과열정
|
12년 전 | 1354 | |
| 6459 |
프리랜서개발자
|
12년 전 | 1677 | |
| 6458 | 12년 전 | 1337 | ||
| 6457 |
jinmuk
|
12년 전 | 1944 | |
| 6456 |
jinmuk
|
12년 전 | 2349 | |
| 6455 |
jinmuk
|
12년 전 | 3204 | |
| 6454 |
jinmuk
|
12년 전 | 2175 | |
| 6453 |
jinmuk
|
12년 전 | 2354 | |
| 6452 |
jinmuk
|
12년 전 | 2316 | |
| 6451 |
jinmuk
|
12년 전 | 1606 | |
| 6450 |
jinmuk
|
12년 전 | 1399 | |
| 6449 |
jinmuk
|
12년 전 | 1045 | |
| 6448 |
jinmuk
|
12년 전 | 1243 | |
| 6447 |
jinmuk
|
12년 전 | 2009 | |
| 6446 |
jinmuk
|
12년 전 | 1565 | |
| 6445 |
jinmuk
|
12년 전 | 1263 | |
| 6444 |
jinmuk
|
12년 전 | 2308 | |
| 6443 |
jinmuk
|
12년 전 | 2045 | |
| 6442 |
jinmuk
|
12년 전 | 1885 | |
| 6441 |
jinmuk
|
12년 전 | 1617 | |
| 6440 |
jinmuk
|
12년 전 | 2316 | |
| 6439 |
jinmuk
|
12년 전 | 1134 | |
| 6438 |
wndProc
|
12년 전 | 779 | |
| 6437 | 12년 전 | 400 | ||
| 6436 |
senseme
|
12년 전 | 544 | |
| 6435 | 12년 전 | 1045 | ||
| 6434 | 12년 전 | 2475 | ||
| 6433 | 12년 전 | 2485 | ||
| 6432 | 12년 전 | 1563 | ||
| 6431 |
밥먹고합시다
|
12년 전 | 1191 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기