http://d.hatena.ne.jp/hogemogepu/
左側の内容と右側の内容の上部が揃いません。
現状では一番上のテキスト領域・右の日記本文領域・左のサイドバー領域と3つのボックスに分かれています。一番上のボックスの下に、左右二つのボックスを並べたいのです。
右のボックスの左側余白はマージン指定で作られています。この部分に左のボックスを持って来たいのですが。。
上のボックスからの左のボックスの垂直位置を絶対的に指定するという方法も試しましたが、後の更新の事を考えるとスマートではないですよね。
何かいいやりかたをご教示願います。
ここに紹介されている物を言われている形になおしてみました。
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>
<meta http-equiv=”Content-Style-Type” content=”text/css” >
<title>CSS:2カラム</title>
<style type=”text/css”>
<!--
div.col {border-style:solid;}
div.left {
width:30%;
float:left;
background-color:#0700FF;
border:#FF9966;
#000000}
div.right {
width:70%;
float:left;
background-color:#FF0813;
border:#FF9966;
#000000}
-->
</style>
</head>
<body>
<div CLASS=”col”><p>これが表題</p></div>
<div CLASS=”left”><p>ここが左</p></div>
<div CLASS=”right”><p>ここが右</p></div>
</body>
単純にこのやり方ではダメですか?
更新のことを考えるとというところの意図がわかってなかったらごめんなさい。
どうもこう、不適切な質問に思えてきたので、キャンセルします。すいませんでした。
しまった、prvになってた(^_^;
修正しました。。