일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Today
- Total
- 레이아웃 잡기
- zoom:1
- html 줄바꿈
- 모던 웹을 위한 JavaScript + jQuery 입문
- CSS 효과주기
- css3
- Array 객체
- display:inline-block
- css로 줌인 효과 주기
- footer 고정
- Object 객체
- Date 객체
- 코딩 예제
- CSS3 효과
- transform 전환효과
- CSS
- zoomin 효과
- 한빛미디어
- 속성 scale
- HTML
- Math 객체
- 속성 ease
- String 객체
- ie7 inline
- Number 객체
- css 줄바꿈
- ie7 핵
- transform 효과
- float 깨짐
- html br
목록메모장 (19)
마크업개발 메모장
transition 속성은 아래와 같음 /* For Safari 3.1 to 6.0 */-webkit-transition-property: width; // transition을 설정할 css 속성, 모든 속성에 적용할 경우는 all)-webkit-transition-duration: 1s; // transition이 지속되는 시간-webkit-transition-timing-function: linear; // transition 변화의 움직임, linear , ease , ease-in , ease-out , ease-in-out 등-webkit-transition-delay: 2s; // transition이 일어나기 전 대기 시간 /* Standard syntax */transition-prope..
#footer { width:100%; position:fixed; bottom:0px} 푸터에 position:fixed;을 줘서 고정시킴. 하지만 ie6 버전에서는 적용안됨.
크롬, ie, 파폭, 안드로이드에서는 문제없이 보이는데 사파리에서만 레이아웃이 틀어지는걸 발견했다. ㅠㅠ 멘붕멘부우ㅜ 위에 떠있는 놈에 overflow:hidden;을 주니까 제대로 나왔다!! 이렇게 되면 원인은... 높이값을 정해주지 않아서인것같다... 맞는지는 아직 잘모르겠다. 앞으로 더 연구해봐야지ㅠㅠ 이 덕에 사파리는 꼭 아이폰 기기에서 한번 더 확인 해야겠다는 깨달음을 얻었다....^_T + 내용 추가 )공부하다 보니 이것은 이미 float으로 레이아웃을 잡아줄때 많이 사용되는 방법이었다.overflow :hidden; , overflow :auto; 둘다 사용해도 별 문제 없는 것 같다.나만 몰랐다....ㅠㅠ 혼자서 작업하다보니 조금 느리게 습득하는 것도 있지만 어쨋든 스스로 해결하는게 뿌듯하..