안녕하세요.
그누보드 DTD버전(슈쿠마님이 올려주신..)을 사용중인데요.
head.sub.php의 내용에 어떠한 단어라도 수정되던지, 추가되면
왼쪽 #side의 css가 흐트러지네요;;
github의 dtd버전도 사용해봤지만 위와 같은 현상이 일어나고있슴당..
사이트에 들어가보시면 "잉"이란 단어를 <head>안에 하나 넣었는데도 저렇게 다 깨집니다ㅠㅠ
다시 지우고 업로드해도 그대로구요.
(혹시나 문자셋 문제일까봐 강제로 UTF-8로 설정되게까지 해놨는데도 안되네요)
압축을 풀었던 원본 파일(head.sub.php)을 웹서버에 다시 업로드하면 정상적으로 보인답니다;;
파일질라 프로그램으로 사용하는데요. (알FTP로도 시험해봤슴당)
이게 어떤 문제때문에 일어나는지 전혀 모르겠습니다, 또 저만 이런 현상이 일어나는 것 같은데..;
파일 저장할 때 오류가 생기는건가요-_-?..
저번 "logo 크기에 제한이 있나요?" 라고 질문한 것도 지금 현재 이 글과 같은 문제때문에 일어났던 현상이네요..
완전 미궁 속이네요ㅠㅠ아시는 분 없나요?
지금 확인해보니 전체적으로 모든 파일이 다 그렇네요..
댓글 25개
DOC TYPE 선언을 안하고 계시니까 padding 이 quirks mode 에서는 안먹어서 깨지는 겁니다.
지금 몇번째 같은 말씀을 드렸는지.....
html, 그러니까 웹페이지 문서를 작성하실때, 가장 먼저 하셔야 하는것이 어떤 DOC TYPE 선언을 하느냐 입니다.
이건 html 의 가장 기본이 되는, 음.. 다시 말해 MS 워드로 예를 들자면, 내 문서가 .doc 가 될건지, .docx 가 될건지, 이걸 결정하는 것 과 똑같습니다.
지금 보세요. DOC TYPE 선언을 안하셔서 quirks mode 로 페이지가 rendering 되고 있는데, quirks mode 에서는 padding 이 먹질 않습니다. 이 얘기 벌써 몇번씩 해드렸는데... 그래서 로그인 area 가 깨지고 있다고 저번주에도 말씀드렸었습니다.
<head></head> 안에 뭘 넣고 안넣고 이게 문제를 일으키는게 아니라 DOC TYPE 을 이해하시지 못하고 있는게 문제입니다.
그래서 예제까지 작성해 드렸는데, 같은 문제를 놓고 일주일째 씨름을 하시네요...
무작정 자꾸 뭘 하시려고 하시지 마시고, 일단 html 에 대한 기본적인 이해가 필요합니다.
http://focusjweb.tistory.com/9
이 문서 하나 읽는데 5분이면 됩니다. 이런 기본적인 개념을 갖추지 않고 자꾸 안되는걸 되게 하려고 하시는거는 본인만 손해 입니다.
<!doctype html>
이거 한줄만 때려넣으면 해결되는걸 왜 쌩고생을 하고 계십니까?
이거 말고도, 다른거 아무거나 넣어도 됩니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
strict, transition, loose, 하여간 어떤 DOC TYPE 이던간에 quirks mode 만 아니면 되는 겁니다. 그럼 padding 은 왠만해서는 다 먹습니다.
가장 좋은건 HTML5 의 <!doctype html> 라고도 벌써 수차례 말씀드렸었구요.
휴........
지금 몇번째 같은 말씀을 드렸는지.....
html, 그러니까 웹페이지 문서를 작성하실때, 가장 먼저 하셔야 하는것이 어떤 DOC TYPE 선언을 하느냐 입니다.
이건 html 의 가장 기본이 되는, 음.. 다시 말해 MS 워드로 예를 들자면, 내 문서가 .doc 가 될건지, .docx 가 될건지, 이걸 결정하는 것 과 똑같습니다.
지금 보세요. DOC TYPE 선언을 안하셔서 quirks mode 로 페이지가 rendering 되고 있는데, quirks mode 에서는 padding 이 먹질 않습니다. 이 얘기 벌써 몇번씩 해드렸는데... 그래서 로그인 area 가 깨지고 있다고 저번주에도 말씀드렸었습니다.
<head></head> 안에 뭘 넣고 안넣고 이게 문제를 일으키는게 아니라 DOC TYPE 을 이해하시지 못하고 있는게 문제입니다.
그래서 예제까지 작성해 드렸는데, 같은 문제를 놓고 일주일째 씨름을 하시네요...
무작정 자꾸 뭘 하시려고 하시지 마시고, 일단 html 에 대한 기본적인 이해가 필요합니다.
http://focusjweb.tistory.com/9
이 문서 하나 읽는데 5분이면 됩니다. 이런 기본적인 개념을 갖추지 않고 자꾸 안되는걸 되게 하려고 하시는거는 본인만 손해 입니다.
<!doctype html>
이거 한줄만 때려넣으면 해결되는걸 왜 쌩고생을 하고 계십니까?
이거 말고도, 다른거 아무거나 넣어도 됩니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
strict, transition, loose, 하여간 어떤 DOC TYPE 이던간에 quirks mode 만 아니면 되는 겁니다. 그럼 padding 은 왠만해서는 다 먹습니다.
가장 좋은건 HTML5 의 <!doctype html> 라고도 벌써 수차례 말씀드렸었구요.
휴........
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기