• ベストアンサー

ホームページ作成 右サイドバーを左にしたい

http://www.jscforex.com のテンプレートの右サイドバーを左にしたいのですが、 ソースを表示して今フッダーの上の部分にサイドバーの部分を切り取って上の方に張り付けるという部分まではわかるのです。 しかし何か余計なものを切り取ってもっていっているのか 入れる位置が微妙に違うのか なんどやってもhttp://www.kenkofood.info のようにずれてしまいます。 ソースのどことどこの間にどの部分を入れるとちゃんとうまく表示されるのか 教えていただけますでしょうか? よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#158634
noname#158634
回答No.1

>ソースを表示して今フッダーの上の部分にサイドバーの部分を切り取って上の方に張り付けるという部分まではわかるのです。 違う。わかってない。 #contentsのほうにfloat:leftが指定されているから#contentsが左に浮き、それによって右サイドバーが右にある。これはCSSのfloatを使ったマルチカラムの基本。

kayo0915
質問者

補足

CSSのfloatを使ったマルチカラムとういことで検索をしてこのページで勉強したのですが、http://codezine.jp/article/detail/49392時間も勉強していますがもまだヘッダーの色の部分のバナーだけ上のほうにいってしまったりしてお手上げ状態です。 今回急ぎで作成しなければならなくて今後基礎から勉強しますので、 どこの部分をどことどこの間に入れればいいか教えていただけますか? 助けてください。お願いします。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 右から左にカレンダーの位置をかえたい!(FC2)

    FC2ブログ、テンプレートから選んでブログをはじめた所です。テンプレは3カラムのものを使っています。 カレンダーの位置を右から左のサイドバーに変えたいのですが、プラグインの画面からは変更できないみたいです。。。 どうすればカレンダーを左上に表示できるかご存知の方いますか?

  • seesaaブログの右サイドバー

    seesaaブログを使用しています。 テンプレートは左サイドバー(レントゲン)を利用しているのですが、右サイドバーも作りたいと思っています。 ですが、CSS編集でどこをどうやるのか全くわからないのです。 このようなことは可能でしょうか? どうぞよろしくお願いします。

  • さくらブログ(シーサーブログ)で右サイドバーに変更するには

    現在さくらブログとシーサーブログを利用しています。 右サイドバーのテンプレートでブログを作成したいのですが、気に入ったデザインのテンプレートは左サイドバーしかありません(泣) 左サイドバーを右サイドバーにするにはどうすればよいでしょうか?? よろしくお願いします。

  • FC2ブログの共有テンプレートのカスタマイズについてお伺いしたく

    FC2ブログの共有テンプレートのカスタマイズについてお伺いしたく ご質問させて頂きました。どうぞ宜しくお願いします。 こちら↓にて配布しております http://makeatemplate.blog95.fc2.com/ 「Honeymomo3c-b」(水色系のテンプレートです)を 使用したいのですが右サイドバーを上からではなく 左サイドバーと同じ高さからにしたいのですが HTML及びCSSの変更の仕方がわかりません。 ヘッダーの幅をフッダーと同じにする事はできたのですが 右サイドバーがヘッダーと重なった状態で表示されてしまいます。 どこを変更したら良いのかアドバイスお願い致します。

  • Seesaaブログのスタイル変更(右サイドバー→両サイドバー)で横線が

    Seesaaブログで、右サイドバーのみの「樹氷」から、両サイドバーの「シンプルグリーン2」に変更したいと思っております。 スタイルシートの変更を行い、再構築をしました。 その結果、左サイドバーのコンテンツ分がサイトの上の方に現れ、各コンテンツ間に横線が左端から右端まで入ってしまいました。 メイン部分と右サイドバー分は、左サイドバーのコンテンツの下側に表示されています。 ブログ初心者にもかかわらず、見よう見まねでいろいろカスタマイズしてしまったことが原因していると思うのですが、「デザイン」タグのHTMLを「デフォルトHTML」に変更しても症状は改善しませんでした。 どこを直せばよろしいのでしょうか? カスタマイズしている最中に間違って変なところをいじってしまったのかもしれません。 恐らくここら辺を確認してみてはどうかというヒントでも構いませんので、ご指導のほどよろしくお願い致します。

  • ホームページビルダー14で一ページ目の上部にタイトル、左にサイドバーの

    ホームページビルダー14で一ページ目の上部にタイトル、左にサイドバーの部分を作り、右側に表の挿入して本文とか、画像を貼り付けようとします。 タイトル、サイドバー部分はどのページも共通なので作った一ページ目をファイル → ページの複製にして、右側の部分を他の材料と入れ替えし、その作業を繰り返し5ページのホームページを作りたいのですが、ページによってタイトル部分や、サイドバー部分に貼ったJPGの位置がずれてしまうものがあります。 どのページも寸分なく同じ位置に表示するにはどうしたらいいでしょうか。 右側に貼り付ける表のサイズとかで影響がありそうですが、表のサイズを同じにしてもずれるページは、やはりずれてしまいます。 よろしくお願いします。

  • 右サイドバーが落ちます;;

    今Seesaaでブログを作っているのですが、 右サイドバーが記事の下に落ちて表示されてしまいます。。 スタイルシートはシンプルグレイ2を使っています。 いろいろ調べたのですがどうしてもわからなくて・・・;; もし解決方法を知っている方がおられましたら教えてください><

  • ライブドアブログのサイドバーに画像を沢山並べたいんです

    ライブドアブログでアフィリエイトをやっています。 商品の画像をサイドバーに、沢山上から下までズラッと貼ってあるサイトをよく見るので、自分もやってみたいのですがやり方が全く分かりません。 難しいテクニックが必要なら出来そうもありませんが、出来ればやってみたいです。 今の自分のブログのテンプレートは、サイドバーが左に一つだけあるタイプなのですが、右にサイドバーを作って、そこに画像を並べたいです。 osはwindowsXPです。よろしくお願いします。

  • サイドバーの「作成・編集」の位置の変更

    gooブログを使ってます。現在使っているテンプレートは気に入っているのですが、サイドバーの「ブログの作成と編集」の位置が下のほうにあるため、なにかと不便です。これを上のほうに持ってくるにはどうしたらいいのでしょうか? (ほかのテンプレートには上のほうに置いてあるのがありますが、現在のを修正したいのです。)

  • FC2ショッピングカートのサイドバーについて

    FC2ショッピングカートのテンプレートhttp://sample.cart.fc2.com/?style=custamを利用して、サイトを作成しております。 テンプレートのように、右サイドバーに『おすすめ商品』や『売れ筋商品』『リンク』を表示させたいのですが、商品登録画面で"おすすめ商品"に登録しても、サイドバーに表示されません。。。 どうしたら良いのか分からず・・・ どなたかお分かりになる方がおりましたら宜しくお願いいたします。