묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
CSS가 드림위버에선 작동 안하나요?
2009.01.20 12:11
안녕하세요.
드림위버에서 DIV, CSS를 이용해 홈을 제작하고 있는 중입니다.
CSS에 대해 이것저것 궁금한 게 많아 테스트를 하고 있는데요.
드림위버 CS3에서 CSS를 적용한 DIV를 만들고 폰트도 바꾸고 해서
브라우저에서 어떻게 나오나 미리보기를 해보면
드림위버 작업창에서 보이던 것과는 전혀 다르게 나오는군요.
예를 들어 CSS 에서 전체 배경색을 바꾸고 특정 DIV의 배경색을 바꾸고
페이지 여백 오른쪽, 왼쪽을 auto로 해서 가운데 정렬해놓고
브라우저에서 미리보기를 하면 배경색 등등 값들은 다 어디로 사라지고
그냥 div 안에 적었던 글자만 휑하니 가운데 정렬도 없이 브라우저에 뜨네요.
궁금합니다.
드림위버에서 DIV, CSS를 이용해 홈을 제작하고 있는 중입니다.
CSS에 대해 이것저것 궁금한 게 많아 테스트를 하고 있는데요.
드림위버 CS3에서 CSS를 적용한 DIV를 만들고 폰트도 바꾸고 해서
브라우저에서 어떻게 나오나 미리보기를 해보면
드림위버 작업창에서 보이던 것과는 전혀 다르게 나오는군요.
예를 들어 CSS 에서 전체 배경색을 바꾸고 특정 DIV의 배경색을 바꾸고
페이지 여백 오른쪽, 왼쪽을 auto로 해서 가운데 정렬해놓고
브라우저에서 미리보기를 하면 배경색 등등 값들은 다 어디로 사라지고
그냥 div 안에 적었던 글자만 휑하니 가운데 정렬도 없이 브라우저에 뜨네요.
궁금합니다.
댓글 5
-
만쓰별(정만)
2009.01.20 13:10
-
만쓰별(정만)
2009.01.20 13:11
cs4는 잘되는데염;; 문제는 cs4와 ie7과 다르다;; ~~~~ ㅋㅋ
유들이 와 엄격성의 차이? 아아아아아아~~~~ -
뮤랑이
2009.01.20 13:28
그냥 일반 사이트 레이아웃..이라면 문제가 없는데.
XE레이아웃 같은것들은 만드신다면 드림위버에서는 제대로 표현이 안되실 거에요.
하드코딩이나 마찬가지죠..ㅎㅎ; -
...
2009.01.20 16:35
CSS경로가 틀리기 때문입니다.
아무튼 위지윅 에디터는 도움이 영 안되죠.
그리고 제가 좀만 충고를 드리자면...
div를 테이블처럼 사용하면 안된다는 것...
여기 사람들 대부분이 테이블로 전체적인 디자인을 잡고 컨텐츠를 붙히는 식이 당연하다는 듯이 말을 하는데...
틀립니다. 개념이 올바르게 서 있는 웹퍼블리셔들은 컨텐츠가 먼저입니다.
이런 틀린 방식은 여태껏 우리가 즐겨쓰던 나모나 드림위버 같은 위지윅 에디터가 길드리게 했다는 사실 잊지마세요.
HTML을 이용하여 컨텐츠에 올바른 의미(시맨틱, 마이크로포맷)을 부여한 뒤 그 다음 하나하나씩 CSS로 꾸며주는 거랍니다.
그다음 최종적으로 div로 필요부분만 묶어 가며 포지셔닝을 이용하여 배치를 하는거구요.
( 묵을필요 없는건 div를 쓰지 않으셔도 포지셔닝이 가능합니다.)
이건 제가 만든 레이아웃 시안인데 보고 참고해보세요.
주소 : http://www.slamworld.co.kr/study/slamdunk.html -
태호
2009.01.20 23:20
댓글 감사드립니다.
CSS 경로가 틀렸던게 맞군요. /css/test.css 였는데
./css/test.css 로 바꿔주니 작동이 됩니다.
혹시나 헤메시는 분들을 위해 댓글 남겨둡니다.
웹표준을 지키는 드림위버가 안된다는 것이 말이 안됩니다.;;
전 cs4라서;; 쩝;; 이 웹세상은 언제 통일이 되려나?
하긴 우리나라도 통일되긴 멀었죠.. 과연 그날이 오려나? 그냥 편하게 남남으로 살면 안되나?(위험성 발언;;) 통일 되어야 한다는 압박감에 쇄뇌되어온 지나온 날들, 과연 왜? 결국 전쟁의 위협때문인가?
제 생각이 틀렸다고 너무 나무라지 마시길;; 하하..