Archive (41) 썸네일형 리스트형 bleeding love 2008. 9. 1. 잘한다~ IE Duplicate Characters Bug 2008. 8. 23. 이곳 저곳에서 알아본 결과 IE6 버전에서 부터 발생하는 버그이지만, IE7 버전에서도 일어나는 현상입니다. 나름대로 혼자 원인 파악을 해본 결과, 부 모 태그 아래 자식 태그들의 총 너비가 부모 태그와 같고 -꽉 찼다는 말이죠- 자식 태그가 float:left 속성일 때 자식 요소들 사이에 float 속성이 없는 태그 또는 주석이 있으면 마지막 출력 태그 부분의 문자가 중복 출력되는 걸로 (스스로의 합의하에) 결론이 나왔습니다. 그 float 속성이 없는 태그라는게, style 과 script 를 포함하는 거라 애매하더군요. 물론 표준에 따르면 style 과 script 는 head 사이에 넣어야 하지만, 사이트를 만드는 입장에서는 힘든일일 수 밖에 없습니다. (각 페이지를 따로 만들고, 필요에 따라 .. css selector hack 2008. 8. 23. IE7 의 렌더링 방식이 IE6과 다르다. CSS testing of Selector and Pseudo selectors 를 보면 IE7 은 FF 에 더 가까와 지고 있다. 그래서 바야흐로 브라우저 3개를 켜고 코딩을 해야하는 시대가 온 것이다. 이를 해결하기 위한 방법 중 하나는 Selector Hack 을 이용하는 것이다. .context_bar_form_field { height: 15px; // 모든 브라우저 #height: 15px; // IE 전용 _height: 21px; // IE6.0 과 이전버젼용 } 우선 파폭에 맞추어 개발을 한 후 E7 에서 점검한다. 수정할 부분이 있다면 # 접두어를 붙여 수정해 준다. #이 붙은 것은 FF 에서 무시한다. 하지만 IE 는 재설정 해준다. 다음에 .. 중앙정렬 2008. 8. 23. #wrapper {width:100%; text-align:center;} #content {margin : 0 auto; text-align:left; width:800px;} contents 800px text-align은 문자의 정렬을 의미하는데 여기서 문자는 inline요소로 생각하시면 됩니다. 즉, 한줄에 여러개가 위치할 수 있는거죠. img는 기본적으로 inline요소로 다른 글자와 같이 같은줄에 위치할 수 있습니다. 그래서 text-align의 영향을 받습니다. margin으로 img에 해도 중앙에 오지만 다른 글자와 같이 중앙에 오지 않을겁니다. 자신의 양옆 여백을 늘이는 방식이라서 그런거죠. 둘은 사용되는 곳,방법이 다릅니다. div는 블록 레벨이므로 중앙 정렬 하려면 마진값을 정해줘야한.. studio lighting 2008. 8. 21. studio lighting examples Business Card Design 2 2008. 8. 21. Business Card Design 2008. 8. 20. 외곽선 그릴때 안삐져나가게 하기 2008. 6. 24. 투명 백그라운드에서 작업할 레이어 Lock transparent pixel 체크하고 외곽선 그리면 투명부분엔 칠해지지 않는다 (삐져나오지 않는다는 말) 이전 1 2 3 4 5 6 다음
