お蔵入り

3カラムでサイドバーを2つ右に並べ、並べたサイドバーの上に広告スペースを作る方法。

3カラムの左右にあるサイドバーを右にまとめて並べ、並べたサイドバーの上に広告を張るためのスペースを作りたいのですが。。。

サイドバーを右にまとめて並べることはできましたが、並べたサイドバーの上に広告スペースを作ろうとすると、いくら頭をひねっても右サイドバーが落ちてしまい、デザインが崩れてしまいます。

デザインはデフォルト2005(グリーン)。
広告フォーマットはadsenseのレクタングル大です。

↓ちなみにブログはこちらです


よろしくお願い致します。

2007-10-28 08:25の質問
ブログ  デザイン  サイドバー  3カラム  並べる  
ブログ
ブログ のかわいいポータルサイト ヤプログ!
www.yaplog.jp/
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google

回答(1)

1.

2007-10-28 10:25:57
wrapperの中にcontentとleftが入っているので
rightとleftをつなげるのは
かなり難しいというか
あまり現実的ではないような気はします。
Ads By Google

コメント(4)

#1.  ヤサイ
2007-10-28 14:58:20

>>1
回答ありがとうございます。
wrapperからcontentoをはずしてleftとrightを入れ、wrapperごと右に配置すればなんとかなるんじゃないかと思うのですが…

かなり難しいカスタマイズになるのは覚悟済みです。

#2.  kavalier
2007-10-28 16:39:19

>>#1
そうなんだとは思いますが
CSSじゃなくてHTMLを大幅に変更する可能性があるので
CSSと違いブログを見ただけでは
内容が見えないHTMLは
私には確実な回答はできないです。

ただ、パッと見ですが
<div id="wrapper">を左サイドバーの直前において
右サイドバーの直後でそれを閉じるんじゃないかなぁという気はします。

#3.  imq
2007-10-29 08:15:21

>>#1
それでいいと思います。
ページの構造が決まったら、
HTMLとCSSを修正します。

CSSは主に下の2点が重要です。

・各ボックスのサイズとマージン指定
・回り込みと回り込み解除の指定

紙に設計図を書いた方が分かりやすいですね。

大掛かりな修正になりますので、

・ローカルにHTMLとCSSを保存して表示チェックをする
・HTMLはタブでインデントして構造が分かるように記述する
・表示チェックは必ずIE以外のブラウザで行う
(IEでのチェックは全て終わってから)

という感じでした方がいいです。

この辺のチェックは、
FirefoxのアドオンにあるFirebugというツールを使うと楽です。

#4.  ヤサイ
2007-11-05 23:24:02

みなさん丁寧な回答ありがとうございます。
最近少し忙しいのでまだカスタマイズに着手できていません。申し訳ありません。
カスタマイズできましたらこの場にてご報告させていただきます。
コメントが遅れてしまい申し訳ありませんでした。

トラックバック

トラックバックURL: