IE width값 인식

프로그래밍 2006.09.12 00:55
  조금씩 작업을 진척해가는 테터툴즈 스킨만들기를 오늘 수업이 끝난 후 저녁시간을 이용해 재개 해 봤습니다. IE에서도 잘 표시되게 하고싶고, 비 IE계열 브라우저에서도 잘 보이게 하고 싶은데, 쉽지가 않네요. 오늘 작업에 가장 큰 걸림돌이 되었던 것은 IE의 width속성 값의 문제였습니다.

  파이어폭스 같은 비 IE브라우저에선 DIV의 width속성값이 padding값을 제외한 값이고 IE에서 width 값은 padding값이 포함되기 때문에 계산해서 적용해야 하는데, 아무리 생각해도 비 IE브라우저인 파이어폭스나 그 외 브라우저에서 인식하고 쓰이는 값이 정상적인것 같은데, 그것 때문에 좀 골치가 아펐습니다.


  레이아웃을 잡는 부분에서 최대한 테이블을 배제하기 위해서 DIV로 뜯어고치다 보니 생각치도 못한곳에서 발목을 잡아 애좀 먹었습니다. IE 7버전에선 CSS인식 관련 부분이나 여러가지 버그하고 오류를 수정했다고 하니 이 부분도 조정이 되지 않을까 생각됩니다.

  괜한 부분에서 시간을 깨먹어서 작업은 별로 진척되지 못했습니다...ㅜㅜ


참고 : IE 에서의 padding 값 인식 에러

'프로그래밍' 카테고리의 다른 글

JSP 시작했습니다.  (8) 2006.09.26
자바스크립트와 자바  (8) 2006.09.13
IE width값 인식  (7) 2006.09.12
항상 개발자를 꿈꾸다  (10) 2006.09.07
웹 사이트 운영자가 지켜야 하는 네티켓  (12) 2006.07.05
에크!! 블로그 서버 다운...  (8) 2006.06.29
top
  1. Favicon of http://rukxer.net/ Rukxer 2006.09.12 01:32 신고 수정/삭제 댓글

    한 번 확산되고 나니까 비표준인데도 엄청 신경 쓰이죠. IE7도 윈도우즈XP 이상의 환경에서만 깔리기 때문에 그 이하의 시스템을 가진 사람들에게는 잘 보이지 않을 가능성이 여전합니다.
    ...하여간 이만저만 신경쓰이는 게 아닙니다 -ㅂ-;; 그래서 저는 스킨 제작 포기! 음하하!

  2. 찐, 2006.09.13 12:08 신고 수정/삭제 댓글

    -_- 이게 무슨 말이죠 ... ;ㅁ;

  3. Favicon of http://www.hoyanet.pe.kr hoya 2006.09.17 19:51 신고 수정/삭제 댓글

    웹표준이라는거.. 지키기 참 까다롭기 그지 없죠.
    회사 내에서만 쓰는 인트라넷 같은것이라면 그냥 편하게 IE에만 맞추겠는데, 꼭 상용 서비스가 아니더라도 불특정 다수가 접속해야 하는 웹사이트라면 고려를 해 봐야겠죠.
    헌데.. 그게 무척 어렵다는것...
    더군다나 전 곧있으면 웹을 3년만에 다시 해야 할것 같은데, 도무지 뭐가 뭔지 알 수가 없더군요.. -ㅁ-

  4. Favicon of http://kose.tistory.com kose 2006.09.17 20:49 신고 수정/삭제 댓글

    표준css를 자주 사용하시다 보면..
    표준에서 어떻게 고쳐야 IE & Firefox 에서 똑같이 보여지는지..
    그런 감이 오실꺼라 생각합니다.
    아직까지는 개발자의 감각에 의지하는수밖에 없는것 같아요..

    • Favicon of http://signpen.net 싸인펜 2006.09.18 23:25 신고 수정/삭제

      CSS를 제대로 사용 해 보는것이 처음이라 이것저것 도움이 될만한 서적을 뒤적거리긴 하는데, 아직까진 여러 다른브라우저에서 같은 화면을 띄우는것이 많이 까다롭네요..ㅜㅜ

      보는 사람도 편하고, 만드는 사람도 편한 그런 웹세상이 오길 기다리고 있어요..ㅜㅜ

댓글 쓰기

블로그 스킨 만들기

공개일기 2006.08.26 22:44
  예전에 시도하다가 잠시 중지했던 프로젝트, 블로그 스킨만들기에 다시한번 도전을 해 볼까 하는 마음에 스킨작업에 들어갔습니다. 테이블로 작업하는게 훨씬 쉽긴한데, 테이블 사용을 최대한 줄이고 DIV로 만들어보려니 꽤나 까다롭네요...;; CSS는 어떤 부분에 사용을 해야할지 막막하기도 합니다.

  일단 테이블로 대강적인 레이아웃을 짜 두었고 작업이 진척되는대로 스타일시트를 하나하나 붙여나는 방향으로 잡았습니다. 테이블로 만들어놓고 DIV로 차근차근 바꾸면서 맞출려구요.

  익숙하지가 않은작업이라 다른분들은 어떤방법으로 스킨을 만드는지 궁금하네요..ㅎㅎ 봄내음이 풍기는 오리지날 스킨을 제작하려고 했었는데, 봄스킨을 완성하기도 전에 가을용 스킨을 만들어야 하는 시기가 왔습니다. 이렇게 스킨작업의 진행속도가 늦는걸 감안해서 계절테마로는 절대 안만들껍니다..ㅎㅎ

  태터툴즈용 스킨만들기 연구중입니다.

'공개일기' 카테고리의 다른 글

노래방에서 노래부르고 싸이월드로!!  (6) 2006.08.31
개강!!  (8) 2006.08.28
블로그 스킨 만들기  (10) 2006.08.26
화가나거나 힘들때  (6) 2006.08.24
무지개 발견!!  (12) 2006.08.20
1G램 구입하다!!  (12) 2006.08.18
top
     TAG css, xhtml, 블로그 스킨
  1. Favicon of http://raonsky.com/tt/ 라온수카이 2006.08.26 23:01 신고 수정/삭제 댓글

    저는 시도조차 못하겠던데,,, 대단하십니다. 기대할께요~ ^.~

    • Favicon of http://signpen.net 싸인펜 2006.08.27 12:23 신고 수정/삭제

      많이 헤메고 있습니다. 조금만 실력이 있었다면, 태터툴즈 1.1스킨 공모전에 제출할만한 스킨을 만들 수 있었을텐데라는 아쉬움이 약간 있어요..ㅎㅎ

  2. Favicon of http://rukxer.net/ Rukxer 2006.08.26 23:04 신고 수정/삭제 댓글

    그나마 드림위버로 연동하면 눈에 보이면서 하니까 쉬워지는데, 그래도 좀 어렵더군요 =___=;; 그래서 저는 그냥 누군가 만든 스킨을 개조해서 쓰는 정도로만 하고 있습니다. -ㅂ-

    • Favicon of http://signpen.net 싸인펜 2006.08.27 12:25 신고 수정/삭제

      예전에 나모로 스킨을 만들어보려다가 나모 자체에서 자동으로 잡히는 값들 때문에 자꾸 흐트러져서 이번엔 텍스트에디터로만 작업해보고 있어요.

      은근히 어렵네요...;;

  3. Favicon of http://wooyoon.net 흰우유 2006.08.27 21:07 신고 수정/삭제 댓글

    저는 처음에 블로그 스킨 같은 거는 테터 만드신 분만 만드시는 줄 알았어요;;
    그런 걸 만드시다니.... (작아지는...)
    멋진 것 만들어서 공개해주세요!!! ㅎㅎ
    일명 도둑놈 심보라는.. ㅋ

    • Favicon of http://signpen.net 싸인펜 2006.08.28 14:11 신고 수정/삭제

      공개형스킨이 아니라 제 전용 스킨을 만들어다 붙일 생각이었는데...ㅎㅎㅎ 일단 완성되면 스킨 완성도를 봐서 쓸만하다 생각되면 공개도 해 보겠습니다.

      그나저나 지금 태터1.0.6버전을 기준으로 스킨을 만드는데, 1.1버전이 공개되면 새로 손봐야 할지도 모르겠습니다..;)

  4. Favicon of http://huhuchi.egloos.com d i _ v i l l a _ j u n 2006.08.27 23:54 신고 수정/삭제 댓글

    정말 깔끔한데요??? 흠... 부럽습니다. 전 걍 이글루스에서 지원하는 것으로 떼우는지라...ㅋㅋㅋ

    • Favicon of http://signpen.net 싸인펜 2006.08.28 14:13 신고 수정/삭제

      지금쓰는 스킨을 새 스킨이라 오해하지 말아주세요^^ㅋ
      지금스킨은 리체님이 만들어두신 태터 기본스킨을 제 입맛에 맞게 커스터마이징해서 사용하는 것 뿐이구요..ㅎㅎ

      지금 다른곳에있는 제 비밀공간에서는 스킨작업이 이루어지고 있답니다..ㅎㅎ

  5. Favicon of http://kose.tistory.com kose 2006.09.03 15:18 신고 수정/삭제 댓글

    외국사이트를 참고하는것도 좋을것 같아요..
    외국 블로그 사이트 돌아다녀 보시면
    css로 짜여진 블로그들이 많습니다. 그 블로그의 css를 저장해서
    참고하시면서 만드시는것도 좋은 방법일것 같네요..
    제가 자주 하거든요.. 하다보면 표절이 되버리지만..
    ㅋㅋㅋ

    • Favicon of http://signpen.net 싸인펜 2006.09.03 23:12 신고 수정/삭제

      표절 티 안나게 어떻게 연구 해 봐야겠습니다..ㅋㅋ

      한번 찾아다녀 봐야겠군요^^ㅋ
      정보 감사합니다~

댓글 쓰기