現在､自分のはてなﾀﾞｲｱﾘｰを編集しています｡背景画像を設定したのですが､ｻｲﾄﾞﾊﾞｰと被ってしまうためｻｲﾄﾞﾊﾞｰの位置を左から右に移したいと考えています｡そ…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

現在､自分のはてなﾀﾞｲｱﾘｰを編集しています｡
背景画像を設定したのですが､ｻｲﾄﾞﾊﾞｰと被ってしまうため
ｻｲﾄﾞﾊﾞｰの位置を左から右に移したいと考えています｡
その場合､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>
この様になっています｡
回答宜しくお願いします｡

●質問者: mio
●ｶﾃｺﾞﾘ:はてなの使い方ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

▽1 ● Cherenkov

ﾍﾞｽﾄｱﾝｻｰ

ｻｲﾄﾞﾊﾞｰを右にするCSSはこれでいいと思います｡

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

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

mioさんのｺﾒﾝﾄ
早速ｽﾀｲﾙｼｰﾄ欄に上記を追加してみたのですが､ﾌﾟﾚﾋﾞｭｰしたところ､表示に変わりはありませんでした；私のCSSの書き方が悪いのでしょうか…

Cherenkovさんのｺﾒﾝﾄ
管理画面の [ﾃﾞｻﾞｲﾝ] → [ﾃﾞｻﾞｲﾝ編集] の詳細ﾀﾌﾞで｢ｽﾀｲﾙｼｰﾄ｣の欄にｽﾀｲﾙｼｰﾄを記述していますか？ 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

Cherenkovさんのｺﾒﾝﾄ
ﾌﾟﾚﾋﾞｭｰではなく一旦保存してみるとどうでしょうか

mioさんのｺﾒﾝﾄ
確認しましたが､きちんとｽﾀｲﾙｼｰﾄ欄に記述されています｡一旦保存で試してみましたが､やはり表示に変わりはありませんでした；ｽﾀｲﾙｼｰﾄには､元々記述してあった分を含め 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/

Cherenkovさんのｺﾒﾝﾄ
>現在この様になっています bodyとh1のｺｰﾄﾞしか記述されていないようですが｡

mioさんのｺﾒﾝﾄ
申し訳ありません； CSSについては今日始めたばかりなので知識はまだまだです｡他にどのようなｺｰﾄﾞを打ち込めばいいのでしょうか？

Cherenkovさんのｺﾒﾝﾄ
記述自体は間違っていないが､保存されていない状況なのかなぁ｡いま実験してはてな側のﾊﾞｸﾞがありました｡ .hatena-body > .mainの｢>｣を削除して .hatena-body .mainこうしてみてください｡.hatena-body > .sidebarも.hatena-body .sidebarこのように｡

mioさんのｺﾒﾝﾄ
直してみたところ､無事変更できました！ご丁寧にありがとうございました＾＾

Cherenkovさんのｺﾒﾝﾄ
現在のcssは .hatena-body.main になってますね｡間のｽﾍﾟｰｽが必要です｡ .hatena-body .main

mioさんのｺﾒﾝﾄ
ふむふむ… 確かにｽﾍﾟｰｽ入っていなかったのでｽﾍﾟｰｽ入れてみました｡

Cherenkovさんのｺﾒﾝﾄ
ｻｲﾄﾞﾊﾞｰが下にいっちゃいますね｡.sidebarのほうだけclearを消して以下のようにしてみてください｡ .hatena-body .sidebar { float: right !important; }

Cherenkovさんのｺﾒﾝﾄ
あ､間違っていたかも｡元々のﾃｰﾏのcssにclearが書いてあるようなので､ .hatena-body .sidebar { clear: none !important; float: right !important; }

Cherenkovさんのｺﾒﾝﾄ
あ､間違い｡上の2つのｺﾒﾝﾄは無視してください｡ .hatena-body.sidebarにｽﾍﾟｰｽいれてないからですね｡

mioさんのｺﾒﾝﾄ
何度もありがとうございます！早速直しました(｀･ω･´)ゞこれで大丈夫でしょうか…？

Cherenkovさんのｺﾒﾝﾄ
確認しました｡ｻｲﾄﾞﾊﾞｰを右にする目的は達成できたのではないでしょうか｡

mioさんのｺﾒﾝﾄ
はい＾＾本当にありがとうございました｡