3カラムのサイドバーの右側が表示されなくなり,左側の一番下に表示される

質問

3カラムのサイドバーの右側が表示されなくなり,左側の一番下に表示されるようになりました

色々試しているのですが、全く解決しません

どなたか助けてください

MT4.2を使っています

よろしくお願いします！

回答No.2

grumpy_the_dwarf · ベストアンサー

構造がおかしい。

本来は、alpha /本文/、beta /左サイドバー/、gamma /右サイド
バー/、が並列に並んでいるはずが、gammaがbetaの中に含まれてい
る。一番簡単なのは、betaの閉じタグを書き忘れる方法かな。

その影響なのか、header、content、footerが常識的には並列にな
るはずが、footerがcontentの中に含まれてる。なんとか-innerな
んて文書構造的に意味のないボックスが多いから、閉じタグを数え
間違ってるのかもしれないですね。古代のIEを切り捨てて、もっと
シンプルに書くようにすれば勝手に解決するかも。

お礼

ありがとうございます！

なんとか解決できました！

結局は、バナーの部分の</div>が一つ抜けていて
それが、他に影響していたようです。

まだまだ初心者で勉強が足りなすぎました・・

ほんと助かりました！

回答No.3

ORUKA1951

単純にfloat:leftであるべきものを、relatveに変更してしまっただけでは？
#alpha, #beta, #gamma {
display:inline;
float:left;
}
blog.css (107 行目)
#header, #content, #alpha, #beta, #gamma, #footer {
position:relative;
}
あたりとか・・・
　でもこのHTMLじゃ、その要素<div class="banner-widget widget">を右上に持ってけないね。

firefox + firebugにて調査・・・webデザインには必須だよ

お礼

ありがとうございます！

なんとか解決できました！

結局は、バナーの部分の</div>が一つ抜けていて
それが、他に影響していたようです。

まだまだ初心者で勉強が足りなすぎました・・

他のサイトへも質問してたんですが、誰も相手にしてくれなくて
途方に暮れていました。
質問がわかりにくすぎたんですね
ご指摘ありがとうございました！

ほんとに助かりました！！

回答No.1

ORUKA1951

意味不明なのですが？
どこかのウェブページの事ですか？
　ウェブページならブラウザは？
　　ＩＥでしたら、互換モードでは？
　他のブラウザでの表示は　firefox,Opera,safari,GoogleChrome・・IEの他のバージョン
いつから？きっかけは？
あなたのサイトですか？
　CSSどのように書かれているのか？
　　3カラムをどのように設定しているのか？

MT4.2とは何でしょう。

　あまりにも情報がなさすぎ、それじゃアドバイスができません。

補足

説明不足ですみません
素人過ぎて質問のしかたがあまりわからなくて・・・

２か月ほど前から、MovableType４．2を使ってブログをはじめました。
MovableType４．2はブログをつくるCMSです

ちょっとずつカスタマイズしていってるんですが
１か月くらい前に気づいたら急に、３カラムのサイドバーの右側が表示されなくなり
右側に表示されるはずのものが、サイドバーの左側の一番下に表示されるように
なりました。
忙しくバタバタしていたので、きっかけもわかりません・・

テンプレートやスタイルシートも少しいじっているので、誤ってなにかを入力したのか、
いるものを消してしまったのか、自分なりに色々やってみたのですが
全く解決しません・・・

なにか心当たりあれば教えてください

お願いします。

ちなみに、http://www.hairwithyou.com/blog/
が僕のブログです。