본문 바로가기
반응형

CSS12

패스트부트 반응형 웹 티스토리 스킨 상단에 배너달기. 패스트부트 반응형 웹 티스토리 스킨 상단에 배너달기.제 동생 블로그에 패스트부트 반응형 웹스킨을 적용해주었는데요. 반응형스킨상에서 블로그 최상단의 블로그 이름 옆에 배너를 다는 법에 대해 궁금해하시는 분이 댓글로 질문해주셨어요. 웹퍼블리셔로 일하는 저로서는 그냥 간단한 작업이었는데, 아무래도 일반인 분들은 CSS개념이라든지, 반응형 미디어 쿼리에 대해 잘 모르시니까 어렵게 느껴지실 것 같긴 하네요. 모든 반응형 웹 티스토리 블로그 스킨이 똑같은 구조가 아니라서 단정적인 방법을 설명해드릴 수는 없네요. 일단은 제가 주로 사용하고 있는 패스트부트 반응형 웹 티스토리 스킨 버전 1.6.1을 기준으로 해서 설명을 드릴게요. 그 전에 일단 중요한 핵심에 대해서 얘기하죠. 이 부분은 패스트부트 스킨이 아니더라도 반.. 2015. 8. 4.
[CSS 크로스브라우징] 크롬과 사파리 테이블에서 col width %값 인식 버그 position:absolute 오류 [크로스브라우징 CSS] 크롬, 사파리 테이블 col width %값 인식 bug- position:absolute 오류 콜 width % 오류 테스트 콜 width % 오류 테스트 35% 25% x% 5% checker checker checker checker 콜 width % 오류 테스트 IE 6.0 IE 8사파리 브라우저 크롬위에 보다시피 파이어폭스,인터넷 익스플로러에서는 별 문제 없어 보이지만, 크롬 브라우저와 사파리브라우저에서는 %로 테이블 col width 값을 준 경우에 간격이 모두 똑같아 보이는 현상이 생긴다. 이럴 때 테이블 caption의 스타일에 position:absolute가 들어 있어서 생긴다. 그렇다고 absolute를 빼버리면 top:-9999를 처리할 수가 없고, 이게 처.. 2015. 7. 27.
IE7에서 미친듯한 P태그 내의 텍스트 반복 버그 문제 IE7에서 미친듯한 P태그 내의 텍스트 반복 버그 문제 이 문제를 정의하기는 참 애매한데...벌써 두번 째 보는 증상이라...우연이라 보기에도 석연치 않지만, 어쨓거나 발생하는 증상이니, 사람 미칠 노릇이다. IE9이상 브라우저에서 호환성 모드이거나 혹은 IE7 버전에서 종종 발생 되는 현상으로, P태그 내의 텍스트가 조금씩 잘리면서 반복되는 경우가 종종 있다. 이 것을 딱히 뭐라 정의하기 힘들고, 원인도 모르겠다. 하지만 대체로 공통적인 fact는 태그 초기화를 하지 않은 사이트들에서 종종 발생한다. 공통적인 특이점이 발견되었다면, 특이하지 않게 해주면 되지 않을까 해서, P { overflow: hidden} 을 CSS에 삽입해 보았다. 결론은 잘 나온다는 것이다. 굳이 overflow:hidden이.. 2015. 7. 18.
반응형