1

주제: coolant 스킨에서 타이틀이 긴 경우

대다수 브라우저에서는 알아서 타이틀 메뉴 옆 메뉴가 아래로 내려갑니다만 IE에서는 그렇지 못한 것 같습니다.
그래서,

203line:
#header ul
{
    float: right;
    display: inline;
    text-align: right;
    padding: .5em 20px 0 0;
}

라고 되어있는 것을

203line:
#header ul
{
    float: right;
    display: inline;
    text-align: right;
    padding: .5em 20px 0 0;
    width: 320px;
}

이렇게 width를 강제로 지정해주어야 합니다.

나니 (2007-08-11 12:04:34)에 의해 마지막으로 수정

하늘은 스스로 삽질하는 자를 삽으로 팬다

2

답글: coolant 스킨에서 타이틀이 긴 경우

죄송하지만, 말씀해주신 대로 해봐도 별 차이가 안 보이는데요... 말씀하신 부분을 적용하기 전과 후 스크린샷 좀 부탁 드리겠습니다아...

3

답글: coolant 스킨에서 타이틀이 긴 경우

http://v2.sangsangbox.net/attach/1/1133672582.gif
(web-browser: IE6)

나니 (2007-08-12 09:35:37)에 의해 마지막으로 수정

하늘은 스스로 삽질하는 자를 삽으로 팬다

4

답글: coolant 스킨에서 타이틀이 긴 경우

IE6에서는 특히 width 강제 지정해야 되는 경우가 많죠. textcube.org 작업할 때도 그런 경우가 나왔었습니다;;

문제의 답은 우리 안에 있다.
내면에 귀를 기울여 보자.

5

답글: coolant 스킨에서 타이틀이 긴 경우

rev.4017에서 수정했습니다. 제시하신 방법은 폰트 크기 변경 시 문제가 발생할 수 있어 구현법을 바꿨습니다. 이에 따라 디자인도 약간 변경되었습니다.

6

답글: coolant 스킨에서 타이틀이 긴 경우

그런데 폰트 설정에서 '돋움' 이 다 빠졌네요?
윈도우 로컬 설정에 따라 IE에서 폰트를 못 불러오는 경우가 있어서 한글명, 영문명 같이 지정 해 놓은건데..
제가 잘못 알고 있는건가요?

심오한 의미가 있을 것 같은...

밥먹고 합시다

7

답글: coolant 스킨에서 타이틀이 긴 경우

1up 작성:

그런데 폰트 설정에서 '돋움' 이 다 빠졌네요?
윈도우 로컬 설정에 따라 IE에서 폰트를 못 불러오는 경우가 있어서 한글명, 영문명 같이 지정 해 놓은건데..
제가 잘못 알고 있는건가요?

심오한 의미가 있을 것 같은...

Validator에서 한글폰트명을 에러로 처리해서 빼놓은 것이었는데, validator가 버전업을 하고나서 에러로 처리를 하지 않나 보군요.  지금 스킨 validator 돌려서 에러가 아닌 것을 확인했습니다. rev.4036에서 되살려 놓았습니다.

PS. Validation 자체는 큰 의미가 없습니다만, 아무래도 공식적으로 실려나가는 스킨이다보니(가장 많이 사용하게될 스킨이기도 하죠) 다른 스킨 제작자 분들이 보고 따라하기에 모범이 되어야 해서 validation 통과를 조건 중 하나로 포함하고 있습니다. 아주 특별한 예외가 아니면 Validator를 따르는 것을 기본으로 합니다아...

8

답글: coolant 스킨에서 타이틀이 긴 경우

graphittie 작성:
1up 작성:

그런데 폰트 설정에서 '돋움' 이 다 빠졌네요?
윈도우 로컬 설정에 따라 IE에서 폰트를 못 불러오는 경우가 있어서 한글명, 영문명 같이 지정 해 놓은건데..
제가 잘못 알고 있는건가요?

심오한 의미가 있을 것 같은...

Validator에서 한글폰트명을 에러로 처리해서 빼놓은 것이었는데, validator가 버전업을 하고나서 에러로 처리를 하지 않나 보군요.  지금 스킨 validator 돌려서 에러가 아닌 것을 확인했습니다. rev.4036에서 되살려 놓았습니다.

PS. Validation 자체는 큰 의미가 없습니다만, 아무래도 공식적으로 실려나가는 스킨이다보니(가장 많이 사용하게될 스킨이기도 하죠) 다른 스킨 제작자 분들이 보고 따라하기에 모범이 되어야 해서 validation 통과를 조건 중 하나로 포함하고 있습니다. 아주 특별한 예외가 아니면 Validator를 따르는 것을 기본으로 합니다아...

2바이트 폰트명의 경우에는 single-quote로 묶어 주어야 합니다. 예를 들면
굴림 -> '굴림'

으로 적어 주어야 하지요. 1바이트 문자로 표현되는 폰트명의 경우엔 빈 칸이 있을 때만 묶으면 되지만, 2바이트 이상의 경우에는 우리 눈엔 글자지만 브라우저에 따라 글자로 안 보는 경우도, 글자를 구성하는 요소의 부분들을 빈 칸으로 인식해 버리는 경우도 있기 때문에 필요합니다.

물론 묶으면 validator도 통과합니다. smile

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

9

답글: coolant 스킨에서 타이틀이 긴 경우

음, 저는 처음 css를 쓸 당시엔 묶어서 쓰다가 모두 유니코드(utf-8)로 통일하고 난 뒤부터는 그냥 쓰고 있고, validator도 문제 없이 통과됐던 걸로 기억합니다. 오히려 sans-serif, serif와 같은 generic font family를 빼먹어서 통과되지 않는 경우가 많았었죠. (뭐 어쨌든 해결(?)됐다면 상관은 없겠습니다만;; )

daybreaker (2007-08-13 14:08:09)에 의해 마지막으로 수정

문제의 답은 우리 안에 있다.
내면에 귀를 기울여 보자.

10

답글: coolant 스킨에서 타이틀이 긴 경우

daybreaker 작성:

음, 저는 처음 css를 쓸 당시엔 묶어서 쓰다가 모두 유니코드(utf-8)로 통일하고 난 뒤부터는 그냥 쓰고 있고, validator도 문제 없이 통과됐던 걸로 기억합니다. 오히려 sans-serif, serif와 같은 generic font family를 빼먹어서 통과되지 않는 경우가 많았었죠. (뭐 어쨌든 해결(?)됐다면 상관은 없겠습니다만;; )

문제는 (sans-)serif가 뭔지도 모를 뿐더러 무시하는 경향이 크다는게 문제가 되겠습니다;;; (전 sans에서 자꾸 오타가 나서 이 고질병이나 좀 고쳐볼까 생각 중입니다;; )

하늘은 스스로 삽질하는 자를 삽으로 팬다

11

답글: coolant 스킨에서 타이틀이 긴 경우

나니 작성:

전 sans에서 자꾸 오타가 나서 이 고질병이나 좀 고쳐볼까 생각 중입니다;; )

저는 background 오타 고질 병이 있어요 -.-

backgroind
backgorund
backgriund
....

그냥 짧게 'bg' 로 해 주지...

밥먹고 합시다