불여우에서 가운데 정렬이 되지 않습니다.

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
pfcolor

불여우에서 가운데 정렬이 되지 않습니다.

Post by pfcolor »

http://triple.ye.ro

불여우에서 홈페이지가 가운데 정렬이 되지 않습니다.
CSS파일에 text-align: center; 를 넣어주었는데도 말이죠.

XHTML 1.1 표준도 지켰고 CSS 표준도 지켰는데 불여우에서 제대로 나오지 않네요.
IE에서는 가운데 정렬이 되어서 나오는데..
문제가 무엇인지 잘 모르겠습니다.

해결 방법 있으시면 알려주세요.
빛알갱이
해커
해커
Posts: 1146
Joined: 2004 01 15 20:06 36

Post by 빛알갱이 »

viewtopic.php?t=2614

에 답이 있습니다 :-) 멋진 페이지 만드세요.
박민권

ㅎㅎ

Post by 박민권 »

가운데 정렬 잘 되었네요.
빛알갱이
해커
해커
Posts: 1146
Joined: 2004 01 15 20:06 36

Post by 빛알갱이 »

알려 드린 대로 잘 하셨네요. 맥에서도 AppleGothic으로 잘 보입니다. 축하..

딱 한 가지만 고쳐 주십시오.

font-family: "돋움", Dotum, Tahoma, AppleGothic, UnDotum, serif;

돋움, AppleGothic, UnDotum 등은 모두 sans-serif 계열 글꼴('sans'는 'without'의 뜻입니다. 'serif'는 대강 획 끝 부분의 장식을 의미한다고 생각하면 되겠지요?)이므로 맨 마지막에 'serif'가 아니라 'sans-serif'라고 써야 합니다.
pfcolor

Post by pfcolor »

도움 감사합니다.
serif도 sans-serif로 고쳤습니다.

홈페이지에 달만한 게시판만 찾으면 되는데..
표준 준수하는 게시판은 없나요?
알고 계신 분 알려주시면 감사하겠습니다.
박민권

표준준수게시판은

Post by 박민권 »

pfcolor wrote:도움 감사합니다.
serif도 sans-serif로 고쳤습니다.

홈페이지에 달만한 게시판만 찾으면 되는데..
표준 준수하는 게시판은 없나요?
알고 계신 분 알려주시면 감사하겠습니다.
제가 만들고 있기는 한데 덜 만들어서... 퍽! ㅠ_-

제로보드를 쓰시더라도 스킨을 표준에 맞춰서 직접 제작하시면

문제가 없으리라 봅니다. 현재 표준을 지킨 스킨은 없다고 봅니다. ㅡㅡ;

해외 공개게시판을 쓰시는것도 좋을수도.
User avatar
litconan
서포터즈
서포터즈
Posts: 159
Joined: 2004 06 26 23:33 29
Contact:

Post by litconan »

조금씩 수정하고 있는데 기본스킨으로 검사했더니 1000개 이상의 에러가 잡히더군요 -_-;;

lib.php에서 DOCTYPE 같은 부분을 수정할 수 있고,
include/*.php 에서 스크립트 부분을 수정할 수 있습니다.



그 이후엔 포기상태 :cry:
http://litconan.byus.net
litconan(@)gmail.com
User avatar
XviD
해커
해커
Posts: 664
Joined: 2004 11 14 14:55 45
Location: 사막의 오아시스
Contact:

Post by XviD »

아.. 부러워라..
저는 단순한 페이지를 만드는데도 에러가 무지 많이 나오는데..
아는게 없으니까 W3C 마크는 꿈만 꾼다는..;; 창피..창피..;;
다시 조금씩 공부해야징..ㅡ.ㅡ

흐흐.. 결국 아주 단순하게 한 페이지(-_-) 만들어 유효성 검사(XHTML 1.1/CSS) 통과해 버렸습니다.;;
빛알갱이
해커
해커
Posts: 1146
Joined: 2004 01 15 20:06 36

XHTML과 CSS에서 인코딩 및 언어 지정

Post by 빛알갱이 »

pfcolor wrote:도움 감사합니다.
serif도 sans-serif로 고쳤습니다.
두어 가지만 더 고쳐 주십시오. style.css의 선두에 다음을 넣으면 더욱 좋겠습니다.

Code: Select all

@charset "EUC-KR";
(원래 쓴 글에서 위에 든 보기에서 제가 ';'를 빠뜨렸습니다. 나중에 보시는 분을 위해서 지금 수정해서 올립니다.)

다음을 참고하세요.

http://www.w3.org/TR/CSS21/syndata.html#x56

xhtml 문서에는 다음과 같이 하는 게 좋겠습니다.

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?>
여기에 쓰길 원하는 XHTML DOCTYPE
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
http://www.w3.org/TR/xhtml1/#strict
를 참고하세요.



또한, 전송량이 좀 늘어나기는 하지만 EUC-KR보다는 UTF-8을 쓰는 게 더 좋습니다.

윈도우즈를 쓰신다면 마땅한 UTF-8 편집기를 못 찾아서 EUC-KR을 쓰셨을 수도 있겠군요. 다음 글에서 언급한 jEditor가 제가 보기에도 괜찮아 보입니다. HTML과 XML 편집을 쉽게 해 주는 플러그인도 있고요.

http://www.ktug.or.kr/jsboard/read.php? ... 558&page=1

http://www.jedit.org
에 있습니다.
Last edited by 빛알갱이 on 2005 01 31 14:59 24, edited 1 time in total.
pfcolor

Re: XHTML과 CSS에서 인코딩 및 언어

Post by pfcolor »

빛알갱이 wrote:
pfcolor wrote:도움 감사합니다.
serif도 sans-serif로 고쳤습니다.
두어 가지만 더 고쳐 주십시오. style.css의 선두에 다음을 넣으면 더욱 좋겠습니다.

Code: Select all

@charset "EUC-KR"
다음을 참고하세요.

http://www.w3.org/TR/CSS21/syndata.html#x56

xhtml 문서에는 다음과 같이 하는 게 좋겠습니다.

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?>
여기에 쓰길 원하는 XHTML DOCTYPE
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
http://www.w3.org/TR/xhtml1/#strict
를 참고하세요.



또한, 전송량이 좀 늘어나기는 하지만 EUC-KR보다는 UTF-8을 쓰는 게 더 좋습니다.

윈도우즈를 쓰신다면 마땅한 UTF-8 편집기를 못 찾아서 EUC-KR을 쓰셨을 수도 있겠군요. 다음 글에서 언급한 jEditor가 제가 보기에도 괜찮아 보입니다. HTML과 XML 편집을 쉽게 해 주는 플러그인도 있고요.

http://www.ktug.or.kr/jsboard/read.php? ... 558&page=1

http://www.jedit.org
에 있습니다.
답변 감사합니다.
그런데

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?> 
이것만 넣으면
Parse error: parse error in /free/home/triple/html/photo.htm on line 1

이렇게 에러가 나오네요.
그래서 지금은

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?> 
을 빼놓고 있습니다.

어떻게 수정하면 될까요?
pfcolor

Post by pfcolor »

덧.
http://triple.ye.ro/w3c.gif

이건 어떻게 해결해야 하는지요.
User avatar
XviD
해커
해커
Posts: 664
Joined: 2004 11 14 14:55 45
Location: 사막의 오아시스
Contact:

Post by XviD »

그 부분은 맨 뒤에 붙은

Code: Select all

lang="ko"
코드만 삭제하시면 통과가 될겁니다.

그러니까

Code: Select all

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
이렇게 고치면 되지요.

저도 전에 W3C 유효성 테스트한 적이 있어서요.

근데 틀리면 어쩌징.. 아.. 창피! :oops:

이미 알고 계시는 내용일 지도...;;
빛알갱이
해커
해커
Posts: 1146
Joined: 2004 01 15 20:06 36

Post by 빛알갱이 »

어떤 validator를 쓰고 게십니까? http://validator.w3.org에 있는 validator는 그런 에러(xml 선언문이 있는 1행에서 난 에러)를 낼 리 없는데요. (제가 직접 님의 파일을 가져다가 앞에 xml 선언을 넣은 다음에 검사해 보았습니다.) 참, XHTML strict를 쓰실 경우에는 'xml:lang'만 쓰셔야 하고, 'lang'은 쓰시면 안 됩니다. 그런데, 아직 모질라조차도 'xml:lang'만 쓸 경우 글꼴 선택을 언어에 따라 하지 못 하는 버그 (다른 언어 관련 CSS selector는 잘 동작합니다만), 'lang'도 같이 써 주기 위해서 XhTML 1.0 transitional DOCTYPE을 쓰시는 게 더 나을 것입니다.
pfcolor

Post by pfcolor »

Parse error: parse error in /free/home/triple/html/photo.htm on line 1

이 에러를 말씀하시는지요?
이건 Validator에서 나오는 게 아니라,

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?>
을 넣은 페이지에 들어갈 때 나옵니다.
페이지는 아예 뜨지 않고요.
User avatar
XviD
해커
해커
Posts: 664
Joined: 2004 11 14 14:55 45
Location: 사막의 오아시스
Contact:

Post by XviD »

엇! 이상하다.
pfcolor님의 사이트는 현 소스 상태에서

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?>
집어넣어도 xhtml 1.0 검사에서 이상이 없다고 나오는데...-0-

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
에서 XHTML 1.0을 1.1로 바꿔서 검사해도 이상없고요.-0-
빛알갱이
해커
해커
Posts: 1146
Joined: 2004 01 15 20:06 36

Post by 빛알갱이 »

pfcolor wrote:Parse error: parse error in /free/home/triple/html/photo.htm on line 1

이 에러를 말씀하시는지요? 이건 Validator에서 나오는 게 아니라,

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?>
을 넣은 페이지에 들어갈 때 나옵니다. 페이지는 아예 뜨지 않고요.
불여우에서요, 아니면 다른 브라우저에서요? 제가 가져다 고쳐서(xml 선언문 추가하고) 불여우로 봤는데, 이상 없이 잘 보이는데요. XML을 내부적으로 굉장히 많이 쓰는 모질라에서 그런 에러가 있으면 큰 일 납니다 :-)
User avatar
XviD
해커
해커
Posts: 664
Joined: 2004 11 14 14:55 45
Location: 사막의 오아시스
Contact:

Post by XviD »

이제 pfcolor님의 사이트는 딱 한 가지만 고치면 될 것 같습니다.

현재 CSS 검사에서 에러가 나오고 있는데.. 기호 하나가 빠져서 그렇습니다.

스타일시트에 있는 @charset "EUC-KR"에서 뒤에 ;를 붙여

Code: Select all

@charset "EUC-KR";
이렇게 만드시면 될 것 같습니다.

저도 공부중이에요. :oops:
pfcolor

Post by pfcolor »

빛알갱이 wrote:
pfcolor wrote:Parse error: parse error in /free/home/triple/html/photo.htm on line 1

이 에러를 말씀하시는지요? 이건 Validator에서 나오는 게 아니라,

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?>
을 넣은 페이지에 들어갈 때 나옵니다. 페이지는 아예 뜨지 않고요.
불여우에서요, 아니면 다른 브라우저에서요? 제가 가져다 고쳐서(xml 선언문 추가하고) 불여우로 봤는데, 이상 없이 잘 보이는데요. XML을 내부적으로 굉장히 많이 쓰는 모질라에서 그런 에러가 있으면 큰 일 납니다 :-)
불여우, IE 둘다 그렇게 나옵니다.
컴퓨터에 저장해 놓은 것을 불여우로 열어보면 이상없이 잘 나오네요.
계정에 올린 것을 볼 경우에만 에러가 납니다.

현재 music.htm에

Code: Select all

<?xml version="1.0" encoding="EUC-KR"?>
을 추가해뒀습니다.
이유가 무엇인지 전혀 알 수가 없네요.
컴퓨터에 저장해 놓은 것을 열 때는 상관없는데, 계정에 올린 것을 열 때는 에러가 나니..


홈페이지를 만들어 보면서 표준에 관해 많이 배운 것 같네요.
도움 감사합니다.
User avatar
XviD
해커
해커
Posts: 664
Joined: 2004 11 14 14:55 45
Location: 사막의 오아시스
Contact:

Post by XviD »

수정이 되었네요.
W3C XHTML/CSS 검사 이상무!

수고하셨어요. :lol:
hyeonseok
해커
해커
Posts: 691
Joined: 2004 08 11 22:14 59
Contact:

Re: XHTML과 CSS에서 인코딩 및 언어

Post by hyeonseok »

pfcolor wrote: Parse error: parse error in /free/home/triple/html/photo.htm on line 1
이거는...validator 랑은 전혀 상관없고요...

php 설정에서...

Code: Select all

<?xml
?>
은 php 로 해석하지 많아야 하는데...php 로 해석이 되어서 php 에서 에러는 내는 것읍니다.

서버 설정을 바꾸든가...아니면..

Code: Select all

<?
echo ("<?xml version="1.0" encoding="EUC-KR"?>\n");
?>
이렇게 하면 되지 않을 까요.

제가 호스팅 받고 있는 cafe24 에서도 동일한 에러가 납니다. ^^
Last edited by hyeonseok on 2005 01 31 15:14 15, edited 1 time in total.
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest