初めまして、お尋ね致します。dreamweaver cs6で会社のホ－ムペ－ジを作成しています。トップペ－ジを作成(共通部品header、nav、footer) 後、他のペ－ジに複製し各コンテンツを作成。NAVよりリンク先を指定し、プラウザプレビュ－で内部ペ－ジにジャンプすると左...

ID:WJMxfB さんの回答

うーん、分からぬ。
何かがズレてるという内容は理解できるが、何がズレてるか分からんし、例え分かったとしても、HTMLやCSSをほんのちょびっとしか教えてくれないんじゃあアドバイスできぬ…ぐぬぬ。
あと、DWのデザインビューは信用しちゃダメよ。

ID:y5AJTY

早速ご返事を頂きながら、お礼のご返事が遅くなり心よりお詫び申し上げます。会社の業務とは別に夜、自宅にて制作しており、リアルタイムでのご返事を出来かねております。ご無礼をお許しください。
この時点にてＣＯＮＴＡＣＴＵＳのペ－ジ全体が左にズレてしまいます。

<body>
<div id="wrapper">
<div id="headerarea">
<div id="header"> id "header" の内容がここに入ります</div>
</div>
<div id="navarea">
<div id="nav"> id "nav" の内容がここに入ります</div>
</div>
<div id="topicpatharea">
<div id="topipath">
<ul>
<li><a href="index.html">トップペ－ジ > </a></li>
<li><a href="#">ＡｂｏｕｔＵｓ > </a></li>
<li><a href="#">Ｓｅｒｖｉｃｅ > </a></li>
<li><a href="contactus.html">ＣｏｎｔａｃｕｔＵｓ > </a></li>
<li><a href="#">Ａｃｃｅｓｓ ></a></li>
</ul>
</div>
</div>
<div id="mainarea">
<div id="main"> id "main" の内容がここに入ります</div>
</div>

<div id="main">
<div id="contactus_content">
<form id="form1" name="form1" method="post" action="">
<table width="500" border="1">
</table>
</form>
</div>
</div>
<div id="gototoparea">
<div id="gotop"> id "gotop" の内容がここに入ります</div>
</div>
<div id="footerarea">
<div id="footer"> id "footer" の内容がここに入ります</div>
</div>
</div>
</body>
</html>
* {
margin: 0px;
padding: 0px;
}
img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
li {
list-style-type: none;
}
body {
font-family: "ＭＳＰ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 12px;
line-height: 1.5em;
color: #333;
background-color: #FFF;
}

a {
color: #333;
text-decoration: none;
}

#headerarea {
background-color: #eee;
height: 135px;
width: 100%;
}
#header {
height: 135px;
width: 980px;
margin-right: auto;
margin-left: auto;
}
#navarea {
height: 43px;
width: 100%;
}
#nav {
height: 43px;
width: 980px;
margin-right: auto;
margin-left: auto;
}
#topicpatharea {
height: 15px;
width: 100%;
}
#topipath {
height: 15px;
width: 980px;
margin-right: auto;
margin-left: auto;
}
#topipath ul li {
display: inline;
}
#topipath ul li a {
font-family: "HGP明朝B";
font-size: 13px;
color: #4F4F4F;
}

#mainarea {
width: 100%;
}

#main {
width: 980px;
margin-right: auto;
margin-left: auto;
}

#gototoparea {
height: 18px;
width: 100%;
}
#gotop {
height: 18px;
width: 980px;
margin-right: auto;
margin-left: auto;
}

#footerarea {
background-color: #eee;
height: 400px;
width: 100%;
}
#footer {
height: 400px;
width: 980px;
margin-right: auto;
margin-left: auto;
}
#wrapper {
margin-right: auto;
margin-left: auto;

}
#contactus_content {
height: 700px;
width: 980px;
}

この様な記述です。不備な点がございましたらアドバイス頂ければ幸いと存じます。
乱文にて無礼なてんお許しください。

ID:WJMxfB

一応、上記のソース自体には特に問題なし。
しかし、問題は別のページでしょ？
これじゃあダメだよ〜〜

で、下のかたも回答してますけど、リンク先のページの長さがブラウザより長いためにスクロールバーが出て、そのせいでズレると誤解してるのでは？？

ID:y5AJTY