묻고답하기
만든 레이아웃이 미리보기에 뜨지 않습니다.
2010.01.19 14:51
드림위버로 작업했는데
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"><!--img src="./images/winglo_index_01.gif" width="992" height="36" alt="navigater"/--></div>
</div>
<div id="hleft">
<div>
<div align="center"><!--img src="./images/winglo_index_02.gif" width="188" height="359"/--></div>
</div>
</div>
<div id="hcontent">
<div align="center"><!--img src="./images/winglo_index_03.gif" width="577" height="359" /--></div>
</div>
<div id="hright">
<div align="center"><!--img src="./images/winglo_index_04.gif" width="227" height="359" /--></div>
</div>
<div id="leftad">
<div align="center"><!--img src="./images/winglo_index_05.gif" width="189" height="967" /--></div>
</div>
<div id="news">
<div align="center"><!--img src="./images/winglo_index_06.gif" width="576" height="50" /--></div>
</div>
<div id="rightad">
<div align="center">
<p>{$contents}<!--img src="./images/winglo_index_07.gif" width="227" height="967"/-->
</p>
</div>
</div>
<div id="newsi">
<div align="center"><!--img src="./images/winglo_index_08.gif" width="288" height="318" /--></div>
</div>
<div id="newsii">
<div align="center"><!--img src="./images/winglo_index_09.gif" width="288" height="318" /--></div>
</div>
<div id="newsbottom">
<div align="center"><!--img src="./images/winglo_index_10.gif" width="576" height="356" /--></div>
</div>
<div id="freeboard">
<div align="center"><!--img src="./images/winglo_index_11.gif" width="576" height="45"/--></div>
</div>
<div id="boardcontent">
<div align="center"><!--img src="./images/winglo_index_12.gif" width="576" height="198"/--></div>
</div>
<div id="footer">
<div align="center"><!--img src="./images/winglo_index_13.gif" /--></div>
</div>
</center>
</body>
</html>