解決済
本文カラムだけを下げたいんですが…
デザイン「飛沫」を使い始めたのですが、画像を設置して本文カラムだけを下げようと思ったのですが
サイドバーまで下がってしまいました。
ちなみに画像は本文カラムの横幅よりも小さく、
位置もあっています。
どうにかして本文カラムだけを下げることはできないでしょうか？
どうかよろしくお願いします><
回答(2)
2.
スタイルシートで、
#content{
…
}
の部分で、#content{
…
position:relative;
top:110px;
}
の様に、追加すると、<div id="content"> の部分を、指定した値(画像の縦幅＋余白分＋α)だけ下げることができる。
画像
<img src="http://image.blog.livedoor.jp/ganota6/imgs/6/9/69010ec6.jpg" alt="">の挿入位置はそのまま（本文カラムのまま）で
<img style="position: absolute; top: -110px; left: 0px;" src="http://image.blog.livedoor.jp/ganota6/imgs/6/9/69010ec6.jpg" alt="">のようにすると、画像を本来の位置から指定した値(画像の縦幅＋余白分＋α)だけ上げることができる。
出来ました！丁寧な解説、ありがとうございました！＾＾
1.
の内側か、
<div id="blog">
の内側で、Loop の外に置けばいいんじゃないかと思います。
コメント(5)
その方法だと本文カラムにかぶってしまうんですけど･･･
せっかく回答していただいたのに･･･スイマセン><
>>#1 その方法だと本文カラムにかぶってしまう
かぶってしまうの意味がよくわかりません。
position:absolute;
になっているってことなのかな。
そういう場合は、位置をずらしてやらないとしょうがありませんね。
どれくらいとか、どうとかは、実際のブログ（でどう画像をいれたか）を見てないのでわかりませんけど。
(YUKI さんと、 ネギ女 さんは、同一人物なんですか？)
すみません。URL貼るのを忘れていました。
http://blog.livedoor.jp/ganota6/です。
前に教えられた方法でやってみましたが↑のようになってしまい
上手くいきません。（私のやり方が間違っているのかも
知れませんが･･･）
http://image.blog.livedoor.jp/ganota6/imgs/7/e/7e8...
イメージとしては↑のようにしたいんです。
（サイドバーの位置が違うのは気にしないでください）
毎回どうもすみませんが、宜しくお願いします。ｍ（_ _）ｍ
関係ありそうなHTML
<div id="blogcontainer">
<div id="content"> <a href=""><img src="http://image.blog.livedoor.jp/ganota6/imgs/6/9/690...; alt=""></a>
<div id="blog">
<$IndexNavigator$>
（すごいですね）
>>#4
イメージのリンクが、ちゃんと貼れていないようで、
観られませんが、実際のブログが観られたので
大体の事情はわかりました。
要するに、content の枠の中に入るってことですね。
枠の外に出すと、枠のスタイルとは違ってしまって、カラムからはずれてしまうので、やっかいですね。
うまくいって良かったデス。
