現在、自分のはてなダイアリーを編集しています。

Question

mio

13

0もっと見る

はてなの使い方ウェブ制作

現在、自分のはてなダイアリーを編集しています。

背景画像を設定したのですが、サイドバーと被ってしまうため
サイドバーの位置を左から右に移したいと考えています。
その場合、CSSや、ページのフッタをどのように書き換えればいいのでしょうか？
使用しているデザインはVitaminです。
ページのフッタは
</div>
<div class="sidebar">
<hatena name="profile" template="hatena-module">
<hatena name="calendar2" template="hatena-module">
<hatena name="section" template="hatena-module">
<hatena name="comment" template="hatena-module">
</div>
この様になっています。
回答宜しくお願いします。

回答の条件

1人5回まで

登録：2012/01/06 12:08:54
終了：2012/01/06 16:45:32

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2012-01-06T14:40:11+09:00

No.1

Cherenkov15044932012/01/06 14:40:11

サイドバーを右にするCSSはこれでいいと思います。

.hatena-body > .main {
  clear: left !important;
  float: left !important;
}

.hatena-body > .sidebar {
  clear: right !important;
  float: right !important;
}

他14件のコメントを見る

早速スタイルシート欄に上記を追加してみたのですが、
プレビューしたところ、表示に変わりはありませんでした；
私のCSSの書き方が悪いのでしょうか…

2012/01/06 15:35:31

管理画面の [デザイン] → [デザイン編集] の詳細タブで「スタイルシート」の欄にスタイルシートを記述　していますか？
http://hatenadiary.g.hatena.ne.jp/keyword/%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%E3%82%92%E7%B7%A8%E9%9B%86%E3%81%99%E3%82%8B

2012/01/06 15:43:26

プレビューではなく一旦保存してみるとどうでしょうか

2012/01/06 15:57:00

確認しましたが、きちんとスタイルシート欄に記述されています。
一旦保存で試してみましたが、やはり表示に変わりはありませんでした；
スタイルシートには、元々記述してあった分を含め
body { background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/m/m-i-o/20120106/20120106113718.jpg"); }
h1 { background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/m/m-i-o/20120106/20120106160027.jpg?1325833372"); }
.hatena-body > .main {
clear: left !important;
float: left !important;
}

.hatena-body > .sidebar {
clear: right !important;
float: right !important;
}
現在この様になっています。
念のため、私のブログのURLです↓
http://d.hatena.ne.jp/m-i-o/

2012/01/06 16:11:52

>現在この様になっています

bodyとh1のコードしか記述されていないようですが。

2012/01/06 16:16:21

申し訳ありません；
CSSについては今日始めたばかりなので知識はまだまだです。
他にどのようなコードを打ち込めばいいのでしょうか？

2012/01/06 16:21:49

記述自体は間違っていないが、保存されていない状況なのかなぁ。

いま実験してはてな側のバグがありました。
.hatena-body > .mainの「>」を削除して .hatena-body .mainこうしてみてください。.hatena-body > .sidebarも.hatena-body .sidebarこのように。

2012/01/06 16:38:39

直してみたところ、無事変更できました！
ご丁寧にありがとうございました＾＾

2012/01/06 16:45:18

現在のcssは
.hatena-body.main
になってますね。間のスペースが必要です。
.hatena-body .main

2012/01/06 21:43:37

ふむふむ…
確かにスペース入っていなかったので
スペース入れてみました。

2012/01/06 21:51:15

サイドバーが下にいっちゃいますね。.sidebarのほうだけclearを消して以下のようにしてみてください。
.hatena-body .sidebar {
float: right !important;
}

2012/01/06 22:10:13

あ、間違っていたかも。元々のテーマのcssにclearが書いてあるようなので、
.hatena-body .sidebar {
clear: none !important;
float: right !important;
}

2012/01/06 22:12:56

あ、間違い。上の2つのコメントは無視してください。
.hatena-body.sidebarにスペースいれてないからですね。

2012/01/06 22:15:50

何度もありがとうございます！
早速直しました(｀・ω・´)ゞ
これで大丈夫でしょうか…？

2012/01/06 22:50:54

確認しました。サイドバーを右にする目的は達成できたのではないでしょうか。

2012/01/06 23:18:32

はい＾＾
本当にありがとうございました。

2012/01/07 08:12:47

現在、自分のはてなダイアリーを編集しています。

ベストアンサー

Cherenkov15044932012/01/06 14:40:11

コメント（0件)

この質問への反応（ブックマークコメント）