묻고답하기
DIV정렬에 관해서..하단에 여백이 남습니다.
2009.02.08 16:01
http://undeadria.com 으로 보시면요
하단에 하얀여백이 많이 남습니다....
어떻게 해야하나요;;
참고로 CSS엔
<style type="text/css">
body{
margin: 0;
padding: 0;
border: 0;
height: 100%;
}
레이아웃엔
<!--%import("css/black.css")-->
<div style="width:100%;height:100%;text-align:center;background-image:url(배경);">
<div style="width:800px;height:100%;text-align:left;background-color:black;">
<!-- 플래시메뉴-->
{$content}
</div>
</div>
심플하죠;?
하단여백 해결.. 부탁드립니다....
댓글 16
-
EveR™
2009.02.08 16:31
-
EveR™
2009.02.08 16:33
<div style="width: 800px; height: 100%; text-align: left; background-color: black;">
이부분 style에...
margin: 0px auto; 를 추가하세요. -
SAGAR
2009.02.08 16:39
해결이 안되고 있네요;; -
EveR™
2009.02.08 16:59
그리고 <body> 이 부분 스타일을...
margin: 0px auto;
이걸 한 번 더 적용시켜주세요.
ps. 파폭에서 레이아웃 가운데 정렬 됬습니다. ^^ -
SAGAR
2009.02.08 17:07
근데 하얀거 안없어지는데여;;; -
ㅡㅡ;;;;
고집이 세시군요...
<div style="margin: 0px auto; width: 100%; height: 100%; text-align: center; background-image: url(http://undeadria.com/patt-black.jpg);">
아직도 이렇게 되어 있는데요? -
SAGAR
2009.02.08 17:17
body쪽에 배경-이미지를 삽입했더니 배경이미지가 아예보이지 않더라구요.. -
SAGAR
2009.02.08 17:20
@charset "utf-8";
<style type="text/css">
body{
margin: 0;
padding: 0;
border: 0;
height: 100%;
margin: 0px auto;
background-image: url(http://undeadria.com/patt-black.jpg);
}
틀린문법인가요;' -
body{==> body { -
SAGAR
2009.02.08 17:31
그래도 배경이 안나옵니다;
요놈참 골때리네...;;; -
FireBug로 살펴보았는데,
아직 안 넣으셨는데요? -
해결이 안 되시면,
레이아웃을통째로 이곳에 파일첨부 해보세요.
직접 해결해 주실 분이 있으실 듯.... -
SAGAR
2009.02.08 17:46
und_layout.zip <-현재파일입니다. 첨부된 스크린샷처럼 밑에 여백이 남습니다. 그 스크린샷그대로 여백만 안생긴다면 해결되는겁니다....;;
css파일에 확실히 추가해서 업로드 까지 했는데 이상하네요... -
SAGAR
2009.02.08 17:55
<!--%import("js/und.js")-->
<!--%import("css/black.css")--><body background="http://undeadria.com/patt-black.jpg">
<div style="width:100%;height:100%;text-align:center;margin:0px auto;">
<div style="width:800px;height:100%;text-align:left;background-color:black;margin:0px auto;">
<!-- 플래시메뉴-->
<!---->{$content}
</div>
</div>
굵은 부분 추가해서 해결했는데, 안쪽에있는 단색 검은 div 부분이 하단 끝까지 도달해야해요..;; -
div에 대한 이해부족입니다.
div는 내용이 끝나는 부분까지가 100%입니다.
원하시는 효과를 얻으시려면, body에 적용한 이미지 자체를 그렇게 만드셔야 합니다.
크로스브라우징을 어느정도 생각하심이...