縦方向の位置決め
何故か<td>の中の文字が上に寄っているんです。
こういう時、物の本によると、vertical-align属性とかvalign属性とかを使うそうです。
で、使ってみたんですけど、何も変わらないのは何故？
すみません。教えてください。
*****************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
<!--
*{ font-size: 12px;
font-weight: normal;
}
body {
width: 476px;
}
img {
float: left;
}
h1 {margin: 0px;
}
h2 {float: left;
font-weight: bold;
}
.divTitle {
border: 1px solid #999999;
}
.divTitle tr {
vertical-align: middle;
}
.date {float: right;
}
-->
</style>
</head>
<body>
<table class=divTitle width="476" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td>
<img src="img/w_name.gif" width="80" height="23" alt="投稿者">
<h2>관리자</h2>
<div class="date">(2009-04-26 13:47:39, Hit : 6, Vote : 0)</div>
</td>
</tr>
<tr>
<td height="24" valign="top">
<img src="img/w_subject.gif" width="80" height="23" alt="タイトル">
<h3>[re] 다시 문의요-</h3>
</td>
</tr>
</table>
</body>
</html>
お礼
koge-magu様 以前、2両運用についての質問でもお世話になりました。 今回も解かりやすい回答ありがとうございます。 これからもよろしくお願いいたします。