知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

フリーエリアだけ本文と同じ幅で本文の上か下に出したい

フリーエリアはサイドメニューの中に入っていますが、これだけ独立して本文+広告の上か下に表示することは可能でしょうか?

CSSのカスタマイズをちょっと触ってみましたが、
#left(右のサイドメニュ)のwidth設定を本文と同じにすれば確かに本文の上には来ますが他のサイドメニューも同じように横長スペースをとって表示されるので回りこみで本文が表示されません。

フリーエリアのタグの幹を<div class="free_area">にして#free_area{}を設定しても、上位タグの#left{}に引っ張られるのか反映されません。
ソースを見たらleftクラスのdivの下位階層にフリーエリアがありました。

#left{}を空にして、下位divクラス名でいちいち定義し直して#free_areaを定義すればいけるのでしょうか?

HTMLをいじくれない現状でCSSだけでうまくフリーエリアだけ回りこませる方法を教えてください。

※今のデザインは2カラムのフォトアルバムです。

2006-10-27 14:42の質問
インターネット  フリーエリア  カスタマイズ  CSS  wiki  
インターネット
インターネット の情報はこちらです
www.gmo.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-11-04 01:20:16ベスト
class="free_area" なら,#free_area ではなくて .free_area になるのでは。

.free_area {
   position:absolute;
   top:***px;
   left: ***px;
   ....
}

というふうに指定しておけば好きな場所に移動させられますけど,どうでしょう。
回答レベル : 回答

1ヶ月経ってしまうのでここで締めます。
nabokov7さんの回答は参考になりました。

Ads By Google

コメント(3)

2006-11-06 17:18:10

nabokov7さんどうもありがとう。

http://knowledge.livedoor.com/15407
もありがとうございます。


position:absolute;
で他のElementに関係なく配置できるわけですね。

ただこれだと他のElementに重なって表示されてしまいます。できればgoogle adの下にきれいに配置したいのですが、各ページのWiki本文の容量によって変わるgoogle adの配置位置に対して、うまく配置するやり方はあるのでしょうか?

またWiki本文の上に表示したいとなった場合、このやり方では本文が回り込まず、重なって1部フリーエリアに隠れてしまいますが、この調整をするにはどうしたらよいでしょうか?フリーエリアの下にくるものをすべて
position:absolute;
にして手動調整するしかないのでしょうか?
上記URLのやり方でどこでも貼れそうですが、CSSの調整という方向で行った場合の対処法があれば教えて下さい。なんでも教えて君でスミマセン。

2006-11-14 11:36:37

プーニンさん
google adの下に何を記載したいのでしょうか?
もしよろしければ教えてください。

2006-11-15 14:06:53

>>2
まころんさん、御返事遅くなりました。

実は、CSSとは別のやり方ですでに実現はしております。

http://knowledge.livedoor.com/15407
サンプルは、実験段階ですがhttp://wiki.livedoor.jp/affo_paryan/d/FrontPage
(これはgoogole adが下に行っちゃいますけどw)

向こうには併記しましたが最初こちらで質問した手前別の類似の質問を挙げてることを告知してなくて混乱させてしまいました。すみません。
でもあちらとは別で、フリースペース+ajax/domという技でなくCSSだけで出来ないものか、CSSの高度な弄くり方を含めて質問をあげ続けてる次第です。

トラックバック(2)

トラックバックURL: