묻고답하기
css 질문
2009.01.16 22:02
전 띄엄띄엄 자습으로 깨치긴 했습니다만 그래도 XHTML과 CSS를 다룬 지 1년이 넘어 어지간한 건 문제없이 해 왔습니다. 작년 이맘 때 여기서 많이 배워갔죠. 제로보드 사용법과 함께 말이에요.ㅋㅋ
근데 최근 절 괴롭히는 문제는 어이가 없는 걸 넘어 당혹스럽기까지 합니다.
div에 5px 짜리 테두리를 만들어주는 걸 왜 못할까요.
html 파일에는
<div id="wrap">
내용
</div>
부분이 있고(wrap은 사실상 body 안의 전체를 감쌉니다), css 파일에는
#wrap{width:900px; border:5px solid #FFFFFF; margin:0 auto;}
로 적어놨습니다.
그런데 어찌 된 일인 지 IE(7)를 빼면(즉 파이어폭스 3이나 구글 크롬 베타) 제가 원하는 데로 보여주지 않더군요. 파폭이나 크롬은 body와 wrap을 맨 위의 약 10px 정도 되는 부분에 한정해서 인식했습니다. 당연히 테두리는 그 쪽에만 그려졌고요.
이 코드에서 저는 아무런 문제점을 찾지 못했습니다만, 혹시 다른 데서 문제가 생기면 이 쪽에 문제가 있을 수 있나요?
Xpress Engine에서 기본적으로 적용시키는 css 같은 것 때문에 그런 건 아닌 것 같습니다. XE와 연동되지 않는 페이지에서도 똑같거든요.
도움 부탁드립니다.
근데 최근 절 괴롭히는 문제는 어이가 없는 걸 넘어 당혹스럽기까지 합니다.
div에 5px 짜리 테두리를 만들어주는 걸 왜 못할까요.
html 파일에는
<div id="wrap">
내용
</div>
부분이 있고(wrap은 사실상 body 안의 전체를 감쌉니다), css 파일에는
#wrap{width:900px; border:5px solid #FFFFFF; margin:0 auto;}
로 적어놨습니다.
그런데 어찌 된 일인 지 IE(7)를 빼면(즉 파이어폭스 3이나 구글 크롬 베타) 제가 원하는 데로 보여주지 않더군요. 파폭이나 크롬은 body와 wrap을 맨 위의 약 10px 정도 되는 부분에 한정해서 인식했습니다. 당연히 테두리는 그 쪽에만 그려졌고요.
이 코드에서 저는 아무런 문제점을 찾지 못했습니다만, 혹시 다른 데서 문제가 생기면 이 쪽에 문제가 있을 수 있나요?
Xpress Engine에서 기본적으로 적용시키는 css 같은 것 때문에 그런 건 아닌 것 같습니다. XE와 연동되지 않는 페이지에서도 똑같거든요.
도움 부탁드립니다.
댓글 4
-
만쓰별(정만)
2009.01.16 22:14
-
그걸로 분석해서 body가 맨 위의 10px 가량 부분만 인식된다는 걸 안 겁니다;ㅅ;
참고로 wave toolbar도 꽤 유용할 때가 있습니다. -
수치의 경우 브라우져 간의 차이가 있습니다.
그걸 막기위해 선 조치 하는 것이
* { margin:0; padding:0; }
이것을 선언 한 뒤에 다음 class, id 를 선언하지요. -
라르게덴 님 오랜만이네요. 절 기억하실 진 모르겠지만.ㅋㅋ
그것도 해 놓은 상태로 작업을 시작했었거든요;ㅅ; 젠장 게다가 그걸 삭제해봐도 결과가 같습니다OTL
파이어폭스에;; 파이어버그 라는 추가기능 있어여 그걸로 웹페이지 분석하면 레이어에 대해서 마진 패딩 적용된거 구역별로 볼 수 있어서 좋더라구요.. 한번 해보시길;;