人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSの技術指導をお願いします。まずは私のダイアリーをご覧下さい。。
http://d.hatena.ne.jp/hogemogepu/
左側の内容と右側の内容の上部が揃いません。
現状では一番上のテキスト領域・右の日記本文領域・左のサイドバー領域と3つのボックスに分かれています。一番上のボックスの下に、左右二つのボックスを並べたいのです。
右のボックスの左側余白はマージン指定で作られています。この部分に左のボックスを持って来たいのですが。。
上のボックスからの左のボックスの垂直位置を絶対的に指定するという方法も試しましたが、後の更新の事を考えるとスマートではないですよね。

何かいいやりかたをご教示願います。

●質問者: hogemogepu
●カテゴリ:コンピュータ 趣味・スポーツ
✍キーワード:CSS サイドバー スマート ダイアリー テキスト
○ 状態 :キャンセル
└ 回答数 : 2/2件

▽最新の回答へ

1 ● nishiyu

http://dic.o2k.jp/

Dの辞書 (´・ω・`). o O ( 総数:0278854 昨日:34 本日:27   )

見れないんですが。。

◎質問者からの返答

しまった、prvになってた(^_^;

修正しました。。


2 ● mors

http://www.geocities.co.jp/Bookend-Ohgai/3941/css/css_test2.htm

CSSテスト2:マルチカラム

ここに紹介されている物を言われている形になおしてみました。

<!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>

単純にこのやり方ではダメですか?

更新のことを考えるとというところの意図がわかってなかったらごめんなさい。

◎質問者からの返答

どうもこう、不適切な質問に思えてきたので、キャンセルします。すいませんでした。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ