<!DOCTYPE> 宣言をするとページが大幅に狂います
なんとかページを作り込んだ訳ですが、このサイトで色々見ているとどうにも今はドキュメント宣言をし、それに準拠したページを作った方がよいということが分かりました。
ただこの宣言をすると見事にページが崩れます。
それと試しにブラウザチェックができるサイトで見たところIE以外はほとんど崩れてしまいました。
他のページも直さないといけないのでどこが悪いのかを教えていただけるとありがたいです。
最後の大量の<br>はつけないとウィンドウを小さくしたときにコピーライトが見えなくなる(スクロールが下まで行かない)為にしています。
こちらの解決法も合わせてお願いします。
<head>
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>-------</title>
<style type="text/css">
<!--
div.watop {position:relative;
top:27%;}
div.warau {position:relative;
top:41%;
left:77%;}
div.mark {position:relative;
top:43%;}
span.moji {font-size: 80%;
position:relative:}
span.mark {font-size: 60%;
position:relative:}
a:visited {color: #000000; }
a:hover {color: #000000; }
a:active {color: #00000; }
a {text-decoration: none; }
-->
</style>
</head>
<html>
<body bgcolor="#FFFFF0">
<center><span class="moji">
<a href="top.html">トップ</a>
<a href="profile.html">プロフィール</a>
<a href="gallery.html">ギャラリー</a>
<a href="link.html">リンク</a>
<a href="mail.html">コンタクト</a>
</span>
</center>
<div class="watop" align="center">
<img src="watop.gif" border="0" usemap="#top">
<map name="top">
<area shape="rect" coords="50,100,140,160" href="top.html" alt="トップ">
<area shape="rect" coords="168,100,255,160" href="profile.html" alt="プロフィール">
<area shape="rect" coords="345,105,407,140" href="gallery.html" alt="ギャラリー">
<area shape="rect" coords="495,110,580,150" href="link.html" alt="リンク">
<area shape="rect" coords="600,105,650,145" href="mail.html" alt="メール">
</map>
</div>
<div class="warau">
<A HREF="top.html"><img border="0" src="hyousi.mini.gif"></A>
</div>
<div class="mark" align="center">
<span class="mark">copyright(c) 2009 ----- All Rights Reserved.</font>
</span>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>