일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Archives
- Today
- Total
Tags
- ie7 inline
- css3
- 레이아웃 잡기
- html 줄바꿈
- HTML
- Date 객체
- CSS
- CSS3 효과
- zoomin 효과
- zoom:1
- css 줄바꿈
- CSS 효과주기
- html br
- 코딩 예제
- transform 효과
- Math 객체
- ie7 핵
- 모던 웹을 위한 JavaScript + jQuery 입문
- transform 전환효과
- Object 객체
- 속성 scale
- css로 줌인 효과 주기
- Number 객체
- String 객체
- display:inline-block
- footer 고정
- float 깨짐
- 한빛미디어
- 속성 ease
- Array 객체
목록zoom:1 (1)
마크업개발 메모장
ie7에서 inline-block 사용하기
ie7을 맞춰보자~ block속성을 inline-block으로 작업한 후 ie7에서 확인해보면 깨진다. 그래서 찾아봤다. 방법이 있긴 있었다!! 바로 요것~! div {display:inline-block; zoom:1; *display:inline;} ie7에서는 inline속성을 inline-block으로 바꿀순 있지만 block속성을 바꿀순 없다.그래서 block속성을 inline-block으로 바꾸기 위해 핵을 써야한다.ie7 핵 *display:inline;으로 block을 inline 속성으로 바꾸고 block 성질도 가져야하니 zoom:1로 hasLayout이라는 고유한 성질(레이아웃)을 부여해준다.고로 inline이지만 레이아웃을 가지다 보니 inline-block성질이 되는 것이다. zo..
HTML/CSS
2015. 3. 12. 11:33