ジョニーさん
こんにちわ、ずいぶんソースがすっきりして見やすくなりましたね!
こんな短時間で修正、すごいですね。
DIVにボーダーというのはContainerのことでしょうか?
cssを見たところ、記述があったので。
私なりにちょっと修正加えてみました
HTML<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>じこちゅ!</title>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<META name="description" content="PSP、DS、エミュレータ、DVD、ファイル共有、iPod、PS2などなど">
<META name="keywords" content="psp,ds,エミュレータ,改造,rom,p2p,ファイル共有,ipod,gray,zone,emulator,torrent">
<link rel="stylesheet" type="text/css" href="default.css">
</head>
<body id="container">
<div id="boxA">
<SCRIPT src="top.js"></SCRIPT>
</div>
<div id="boxB">
<SCRIPT src="menu.js"></SCRIPT>
</div>
<div id="boxC">
記事部分<BR>
</div>
<div id="boxD">
<SCRIPT src="bottom.js"></SCRIPT>
</div>
</BODY>
</html>
CSSbody {
text-align:center;
font-size: 12px;
}
* {
margin:0;
padding:0;
}
#container {
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left;
border:1px solid #000000;
}
#boxA {
background-image: url(bg.gif);
}
#boxB {
width:175px;
float:left;
background:#dcdcdc;
}
.menu {
padding: 3px;
}
#boxC {
width:625px;
float:left;
}
#boxD {
width:100%;
clear:left;
background-image: url(bg.gif);
}
td { font-size: 12px;}
a:link {color: #000099; text-decoration: none;}
a:visited {color: #000099; text-decoration: none;}
a:active {color: #000099; text-decoration: none;}
a:hover {text-decoration: none; color: #000000;}
a:visited:hover {text-decoration: none; color: #00000;}
ul { list-style-image: url(ya.gif); }
HTML
<body>が抜けてました。<meta>も抜けているのがあったので追加しました。
DTDがジョニーさんのソースでは、互換モードだったんですが、標準モードにしてしまいました。
これもけっこう重要だったりします(表示の仕方が違ったりします)
ご自分でもいろいろ試されてみることをお勧めします。
CSS
ボーダーカラーが#000しかなかったので、#000000にしました。
あと最後の「;」が抜けてるものがあったので、修正しました。
もうちょっと工夫できそうな部分もあるので、あくまで参考してご覧ください。
お互いがんばりましょう!