묻고답하기

만든 레이아웃이 미리보기에 뜨지 않습니다.

2010.01.19 14:51

mpmp

드림위버로 작업했는데

table로 레이아웃을 만들면 내용만 나오고 배경은 나오지 않아서

다시 div를 이용해서 레이아웃을 구성했습니다 !

그런데 여전히 나오지 않네요 ㅠㅠㅠ

뭐가 문제일까요?

밑에는 소스입니다

div 사이의 이미지들은 주석처리 해서 안보이게 만들었어요

혹시해서 지우지 못했거든요 ㅠㅠ

고쳐야 하는 부분좀 알려주세요!

이미지 뒤에 붙인 undefine은 같이 이미지를 올려놓지 않아서 그런것 같아요

이것과 상관없이 알려주시면 감사하겠습니다 ㅠㅠ

처음시작이 너무어렵네요 ㅠㅠㅠㅠ꼭 도와주시면 감사하겠습니다..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div tag </title>
<style type = "text/css">
body{
text-align:center;
margin: 0 auto;
width:992px;
height:900px;
bacground-color:white;
}

#header{
width:992px;height:36px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_01.gif);
background-attachment: scroll;
}
#hleft{
width:188px;height:359px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_02.gif)undefined;
background-attachment: scroll;
}
#hcontent{
width:577px;height:359px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_03.gif)undefined;
background-attachment: scroll;
}
#hright{
width:227px;height:359px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_04.gif)undefined;
background-attachment: scroll;
}
#leftad{
width:188px;height:967px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_05.gif)undefined;
background-attachment: scroll;
}
#news{
width:576px;height:50px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_06.gif)undefined;
background-attachment: scroll;
}
#newsi{
width:288px;height:318px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_08.gif)undefined;
background-attachment: scroll;
}
#newsii{
width:288px;height:318px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_09.gif)undefined;
background-attachment: scroll;
}
#rightad{
width:227px;
height:967px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:right;
background-image: url(http://www.xpressengine.com/images/winglo_index_07.gif)undefined;
background-attachment: scroll;
}
#newsbottom{
width:576px;height:356px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_10.gif)undefined;
background-attachment: scroll;
}
#freeboard{
width:576px;height:45px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_11.gif)undefined;
background-attachment: scroll;
}
#boardcontent{
width:576px;height:198px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_12.gif)undefined;
background-attachment: scroll;
}
#footer{
width:992px;height:100px;
border:groove 0px silver;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
background-image:url(http://www.xpressengine.com/images/winglo_index_13.gif)undefined;
background-attachment: scroll;
}

</style>
</head>

<body>
<center>
<div id="header">
<div align="center"></div>
</div>
<div id="hleft">

<div>
      <div align="center"></div>
</div>
</div>
<div id="hcontent">
<div align="center"></div>
</div>
<div id="hright">
<div align="center"></div>
</div>
<div id="leftad">
<div align="center"></div>
</div>
<div id="news">
<div align="center"></div>
</div>
<div id="rightad">
<div align="center">
    <p>{$contents}
    </p>
    </div>
</div>
<div id="newsi">
<div align="center"></div>
</div>
<div id="newsii">
<div align="center"></div>
</div>
<div id="newsbottom">
<div align="center"></div>
</div>
<div id="freeboard">
<div align="center"></div>
</div>
<div id="boardcontent">
<div align="center"></div>
</div>
<div id="footer">
   <div align="center"></div>
</div>
</center>
</body>

</html>

이 게시물을

글쓴이	제목	최종 글
XE	공지 글 쓰기,삭제 운영방식 변경 공지 [16]	2019.03.05 _by 남기남
이원형	배너사진을 올렸는데.. [2]	2008.10.23 _by 이원형
최민호347	한게시물만 최근게시물로 띄울수 없을까요 ? [2]	2008.10.23 _by news
이원형	좌측에 있는 메뉴를 배너 위로 올리고 싶습니다. [5]	2008.10.23 _by 이원형
이보전진	초보적 질문 한번 물어보아요 [2]	2008.10.23 _by 이보전진
withalluniform	조회수가 지금도 무지막지하게 올라가고 있습니다. [2]	2008.10.23 _by withalluniform
정상택	댓글을 달면 QUERY ID값이 잘못이라고....
J world	로그인이 안됩니다. 도와주세요. [1]	2008.10.23 _by 뒷뜰에핀행복
\제로보드/	제로보드 파일첨부..미치겠습니다. [3]	2008.10.23 _by 김지훈792
규민	레벨에따라 그룹이 달라지는 에드온
연등	운영자님 요것 에러나는것좀 고쳐주세요.. [1]	2008.10.23 _by 규민
OZzi	2차메뉴 왼쪽에 나타나게 하기 [2]	2008.10.23 _by 느까끼
김형건316	고수님들만 필독! 어떻게 해결할 수 있으세요!? [1]	2008.10.23 _by 비나무
css수정이요	첨부파일 관리에 에러가 막 뜨는데 어떻게 해결하면 되나요? [1]	2008.10.23 _by 비나무
엘러	전부터 계속 궁금했던건데요 궁금합니다!! [1]	2008.10.23 _by 비나무
jungho hur	1.0.6 버전으로 업그레이드후 언어선택(번체자)가 안나옵니다. [1]	2008.10.23 _by 백성찬
천사인	배경음악 넣는방법좀알려주세요 [1]	2008.10.23 _by 백성찬
smico	게시판에 있는 조회수에 대한 질문입니다. [1]	2008.10.23 _by 백성찬
돌아온슈퍼맨	제로보드 카운터 오류 문의 [4]	2008.10.23 _by 돌아온슈퍼맨
Peter	플래시 투명하게 적용시킬수있는 방법 [1]	2008.10.23 _by Peter
천상세계	제로보드 사이트처럼..도메인포워딩서비스.. [3]	2008.10.23 _by 천상세계

태그 쓰기

묻고답하기

만든 레이아웃이 미리보기에 뜨지 않습니다.

댓글 0

About

Get involved

Blog

Download

Support

Showcase