표준 코딩을 하다보면 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년 전
플로트 해제 방법이네요. 감사합니다!!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 230 | 20년 전 | 2079 | ||
| 229 | 20년 전 | 3146 | ||
| 228 | 20년 전 | 3337 | ||
| 227 | 20년 전 | 2413 | ||
| 226 | 20년 전 | 5493 | ||
| 225 | 20년 전 | 2531 | ||
| 224 | 20년 전 | 2973 | ||
| 223 | 20년 전 | 4211 | ||
| 222 | 20년 전 | 2612 | ||
| 221 | 20년 전 | 2297 | ||
| 220 | 20년 전 | 3684 | ||
| 219 | 20년 전 | 2083 | ||
| 218 | 20년 전 | 3575 | ||
| 217 | 20년 전 | 2489 | ||
| 216 | 20년 전 | 2926 | ||
| 215 | 20년 전 | 2234 | ||
| 214 | 20년 전 | 3347 | ||
| 213 | 20년 전 | 2924 | ||
| 212 | 20년 전 | 3063 | ||
| 211 | 20년 전 | 2153 | ||
| 210 | 20년 전 | 1910 | ||
| 209 | 20년 전 | 2365 | ||
| 208 | 20년 전 | 1993 | ||
| 207 | 20년 전 | 1685 | ||
| 206 | 20년 전 | 1861 | ||
| 205 | 20년 전 | 3956 | ||
| 204 | 20년 전 | 1683 | ||
| 203 | 20년 전 | 2020 | ||
| 202 | 20년 전 | 2361 | ||
| 201 | 20년 전 | 1836 | ||
| 200 | 20년 전 | 2964 | ||
| 199 | 20년 전 | 2011 | ||
| 198 | 20년 전 | 2093 | ||
| 197 | 20년 전 | 3665 | ||
| 196 | 20년 전 | 2999 | ||
| 195 | 20년 전 | 2106 | ||
| 194 | 20년 전 | 10258 | ||
| 193 | 20년 전 | 2256 | ||
| 192 | 20년 전 | 1613 | ||
| 191 | 20년 전 | 2678 | ||
| 190 | 20년 전 | 2298 | ||
| 189 | 20년 전 | 1697 | ||
| 188 | 20년 전 | 1495 | ||
| 187 | 20년 전 | 1919 | ||
| 186 | 20년 전 | 1743 | ||
| 185 | 20년 전 | 1787 | ||
| 184 | 20년 전 | 2373 | ||
| 183 | 20년 전 | 1576 | ||
| 182 | 20년 전 | 1491 | ||
| 181 | 20년 전 | 1633 | ||
| 180 | 20년 전 | 2732 | ||
| 179 | 20년 전 | 1816 | ||
| 178 | 20년 전 | 1865 | ||
| 177 | 20년 전 | 1991 | ||
| 176 | 20년 전 | 1809 | ||
| 175 | 20년 전 | 1878 | ||
| 174 | 20년 전 | 1703 | ||
| 173 | 20년 전 | 2065 | ||
| 172 | 20년 전 | 1791 | ||
| 171 | 20년 전 | 2572 | ||
| 170 | 20년 전 | 2284 | ||
| 169 | 20년 전 | 2564 | ||
| 168 | 20년 전 | 1497 | ||
| 167 | 20년 전 | 1586 | ||
| 166 | 20년 전 | 2168 | ||
| 165 | 20년 전 | 1645 | ||
| 164 | 20년 전 | 3780 | ||
| 163 | 20년 전 | 2681 | ||
| 162 | 20년 전 | 2099 | ||
| 161 | 20년 전 | 2812 | ||
| 160 | 20년 전 | 1742 | ||
| 159 | 20년 전 | 1623 | ||
| 158 | 20년 전 | 2573 | ||
| 157 | 20년 전 | 1502 | ||
| 156 | 20년 전 | 1752 | ||
| 155 | 20년 전 | 3238 | ||
| 154 | 20년 전 | 1912 | ||
| 153 | 20년 전 | 1634 | ||
| 152 | 20년 전 | 4969 | ||
| 151 | 20년 전 | 4589 | ||
| 150 | 20년 전 | 3524 | ||
| 149 | 20년 전 | 3811 | ||
| 148 | 20년 전 | 7094 | ||
| 147 | 20년 전 | 3563 | ||
| 146 | 20년 전 | 2639 | ||
| 145 | 20년 전 | 2630 | ||
| 144 | 20년 전 | 7174 | ||
| 143 | 20년 전 | 4614 | ||
| 142 | 20년 전 | 1907 | ||
| 141 | 20년 전 | 3255 | ||
| 140 | 20년 전 | 1970 | ||
| 139 | 20년 전 | 1592 | ||
| 138 | 20년 전 | 2316 | ||
| 137 | 20년 전 | 1791 | ||
| 136 | 20년 전 | 1463 | ||
| 135 | 20년 전 | 1801 | ||
| 134 | 20년 전 | 2972 | ||
| 133 | 20년 전 | 2457 | ||
| 132 | 20년 전 | 1713 | ||
| 131 | 20년 전 | 1660 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기