묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
웹표준?! 지켜야만 하는가요? -..-
2007.08.21 20:17
xe가 오픈되면서 css공부도 하고 xhtml 공부도 하면서 그럭저럭 적응을 하나싶었답니다.
아울러, table안쓰고 정말 무진장 고생하며 로그인스킨을 만들었을때는 정말 너무 기뻤습니다.
그러던 어느날 우연찮게 일본윈도우의 IE로 접속을 하자 깔끔했던 제 로그인이 뒤죽박죽
엄망친창으로 보이더군요. 충격이였습니다. 스킨자료실에도 이미 올린지 4일이나 되었던
때였으니까요.
그날로 바로 스킨자료실 게시판에서 지우고, 파이어폭스에서도 확인을 하니 엉망진창은
아니었지만 100%제대로 나오지는 않더군요.
10번도 넘게 소스를 봤지만 문법이나 컬럼, 길이 어느것 하나 잘못된것은 없어보였습니다.
(아직 css를 깊게알지못하므로 못찾었을수도 있지만요. -..- )
웹표준, 웹표준 외쳐대고, table꺼져라~ div 가 대세라고를 많은 사람들이 말하지만,
브라우저별로 이렇게 보여지는 모습이 틀린데 과연 지금 이 시점에서 웹표준의 선구자도
아닌 평범한 제가 굳이 지켜야 할 필요가 있는걸까요?
뭐.. 간단한 텍스트로 이루어진 거라면야 별일없겠지만, 이미 그 화려함, 신선함에 물들은
제게 텍스트에 색깔만 입힌 홈페이지는 눈도 안돌아가고... 그렇다고 좀더 다양하고 독특하게
꾸미자니 이런저런 브라우저를 따져보며 해야한다는게 너무 부담스럽네여.
아울러, table안쓰고 정말 무진장 고생하며 로그인스킨을 만들었을때는 정말 너무 기뻤습니다.
그러던 어느날 우연찮게 일본윈도우의 IE로 접속을 하자 깔끔했던 제 로그인이 뒤죽박죽
엄망친창으로 보이더군요. 충격이였습니다. 스킨자료실에도 이미 올린지 4일이나 되었던
때였으니까요.
그날로 바로 스킨자료실 게시판에서 지우고, 파이어폭스에서도 확인을 하니 엉망진창은
아니었지만 100%제대로 나오지는 않더군요.
10번도 넘게 소스를 봤지만 문법이나 컬럼, 길이 어느것 하나 잘못된것은 없어보였습니다.
(아직 css를 깊게알지못하므로 못찾었을수도 있지만요. -..- )
웹표준, 웹표준 외쳐대고, table꺼져라~ div 가 대세라고를 많은 사람들이 말하지만,
브라우저별로 이렇게 보여지는 모습이 틀린데 과연 지금 이 시점에서 웹표준의 선구자도
아닌 평범한 제가 굳이 지켜야 할 필요가 있는걸까요?
뭐.. 간단한 텍스트로 이루어진 거라면야 별일없겠지만, 이미 그 화려함, 신선함에 물들은
제게 텍스트에 색깔만 입힌 홈페이지는 눈도 안돌아가고... 그렇다고 좀더 다양하고 독특하게
꾸미자니 이런저런 브라우저를 따져보며 해야한다는게 너무 부담스럽네여.
댓글 8
-
베니
2007.08.21 21:04
-
쿠로쿠마
2007.08.21 21:39
테클걸려는것은 아닌데요, 문법에 좀 안맞고 불필요한 행열추가가 프로그래머나 철학자에게는 않좋은 코딩이라 할지라도 홈피에 접속하는 사용자에게 편하다면 그게 곧 좋은 코딩이 아닌지요. 아직 웹부라우저에서 통일된 표현도 안되는 시점에서 의미가 좋으니까 괜찮다는 건 좀... 제가 좀더 공부를 해야할것 같네여.
-
비나무
2007.08.21 21:45
^^;;;;;;
저는 그래서 작업을 할 때 꼭 파폭과 IE6를 번갈아 가면서 확인을 해 봅니다.
두 브라우저 다 제대로(??) 보이면 사용을 하죠...
물론 참 번거로운 일인 것은 맞습니다.. ^^;;;;;;;
저도 그냥 테이블을 이용할까 고민도 많이 합니다.
그래도 크로스브라우저니 웹표준이니 CSS니 공부하다 보니 일단 힘들어도 시도는 해봐야 겠다고 생각은 합니다.. ^^ -
비나무
2007.08.21 21:53
한 가지 의견...
제가 쿠로쿠마님 로그인 위젯을 설치 해보지는 않았지만,
캡쳐한 화면상으로 보기에 내용이 나올 부분의 왼쪽과 오른쪽 바를 따로 이미지로 만드셨나 보네요?
로그인창의 경우 어차피 폭이 바뀔 일이 없으니 그냥 왼쪽과 오른쪽바까지 합쳐서 하나의 이미지로 만드시고 바탕에 repeat-y로 깔아버리면 휠씬 쉽게 만들지 않을까요?
상단 이미지(no-repeat)
로그인내용창 사이드 이미지(repeat-y)
하단 이미지(no-repeat)
이렇게 하시든지
전체를 감싸는 DIV에 백그라운드로 사이드 이미지 repeat-y로 지정
상단 이미지(no-repeat)
로그인내용
하단 이미지(no-repeat)
이런식으로 하시든지요... -
비나무
2007.08.21 22:01
http://www.zeroboard.com/4469956
위 스킨인가요?
로그인창의 모습은 똑같은데 닉네임이 달라서 다른 분인 것 같기도 한데...
방금 확인을 했는데 위 링크의 로그인 스킨을 배포한 분과 아이디도 다른데요??
혹시 아이디가 두 개이신가요? -
쿠로쿠마
2007.08.21 22:54
좋은 말씀감사드립니다.
제가 배경이미지를 나눈이유는 로그인창을 사용자가 보다 자유롭게 꾸미게 하려고 했던 이유였습니다. 전 가로 200짜리를 사용하지만, 다른분은 가로 100짜리를 사용하시려고 할분도 있을테고, 또 어떤분은 좀더 다른 모습으로 수정하려고 하시는 분도 있을테지요. 스킨을 공개할때 좀더 자율성을 주기위해 그렇게 했던거랍니다. 상단,중단,하단으로 나누편 무척 편하긴합니다만, 후일에 모습을 바꾸려면 배경 이미지부터 다시 작성해야 하기때문이지요. -
쿠로쿠마
2007.08.21 22:58
비나무님 제 스킨은 이미 지웠구요. 그 스킨은 icsol님의 스킨으로 전 icsol님의 로그인 아이콘만 빌려쎴습니다. icsol님의 스킨은 텍스트로 형식으로 짜여진 xe공식스킨에서 아이콘을 바꾼거구요. 제 스킨은 전체가 작은 조각으로이루어진 그림형 스킨입니다. 자세히 보면 쫌 달라요. ^___^ -
비나무
2007.08.21 23:33
^^;;;;;;;
네, 그러지 않아도 차이가 있음을 느꼈습니다.. 하하
그리고 테이블과 웹표준이 꼭 대치되는것은 아닙니다. 테이블로 짰을때 문맥에 안맞는 경우도 많고 보이는 것을 그럴듯하게 하기 위해서 불필요한 행/열을 추가해서 쓰는 경우도 많으니까 '보여지는 것'에만 매달리지 말고 의미에 충실하자는 거죠.