アメブロカスタマイズについて。
現在アメブロの3カラムをcssを編集し2カラム右メニューにしようとしているのですが、
上手く2カラム右メニューに表示出来ません。
まずサイドバー項目を右に全てずらし、左は空とし、
#sub_a{display:none;}として、
#mainの幅を拡大し2カラム左メニューは問題なく出来たのですが、
メニューを右にずらす事が出来ておりません。
感覚としては#mainは動かせているのですが、#sub_bがびくともしないような感覚です。
現在のcssは以下のようになっており、表示としては#sub_bも#mainも左に寄っており、
#sub_bの下に#mainが表示されている状態です。
具体的にどの点を修正すれば2カラム右メニューとなりますでしょうか?
#main{
float:left;
width:673px;
left: 0px;
top: 0px;
}
#sub_main{
width:100%;
overflow:hidden;
}
#sub_a{
display:none;
}
#sub_b{
float: right;
width:200px;
margin-left: 688px;
top: 0px;
z-index: 100;
}
A 回答 (6件)
- 最新から表示
- 回答順に表示
No.6
- 回答日時:
>記事URL、コメント、テーマをクリック時も#sub_b、#mainの位置は変わらずとなります。
だとすれば、他に「相容れない」指定がある、若しくは途中に「デタラメ指定(CSS の仕様に則っていない)」があるかと。
多い例:
} がない。
} が一個多い。
:(コロン) や ; (セミコロン)がメチャクチャ。
基本
セレクタ(適用場所) { (大カッコ)
プロパティ(性質) : (コロン)値(性質の内容) ; (セミコロン)
プロパティ(性質) : (コロン)値(性質の内容) ; (セミコロン)
プロパティ(性質) : (コロン)値(性質の内容) ; (セミコロン)
} (大カッコ)
No.4
- 回答日時:
#sub_main は不要に思えますし、
z-index: 100; がちょっと目を引きます。
#main{
float: left;
width: 673px;
margin:0;
padding:0px;
}
#sub_a{
display: none;
}
#sub_b{
float: right;
z-index: 1;
width:200px;
margin:0;
padding: 0;
}
この回答への補足
ご回答有り難う御座います!
試しに該当部分をコメントアウトし、
上記をそのまま追記させて頂いたのですが、
やはり表示は変わらずとなります、、
何か余計なcssを他に記載してしまっているのでしょうか?
No.2
- 回答日時:
#frame = #wrap = #sub_a + #main + #sub_b + 40
がフツーなのだが、あなたは
673 + 200 > 800
これでは変わる訳がない。
デフォルトの二コラムは
#main は 610px であるから。
つまり、「算数」の問題。
この回答への補足
回答有難う御座います。
記載しておりませんでした、現在#frameの幅は900pxで設定しております。
試しに早速今、#main 660px、#sub_b 200pxに変更し、
上記の計算式で合計900pxに収まるよう変更してみたのですが、
表示は変わらずとなります。。
どの辺りが原因となりますでしょうか?
お手数とは思いますが、ご教授願えれば幸いと思います!
No.1
- 回答日時:
わざわざCSSをいじらなくても
「デザインの変更」→「レイアウトの変更」から
「2カラム・右メニュー」にチェックを入れて「適応」ボタンを押せば
変更できるんじゃないですか?
この回答への補足
回答有難う御座います。
出来ればそうしてしまいたいのですが、
既に細部を大幅にカスタマイズしてしまっており、レイアウトの変更をしてしまうと全て初期化されてしまうため出来ない状態です、、
出来れば現在の状態でcssを調整し2カラム右メニューにしたく思うのですが、
#sub_bの反応が無い原因は何が考えられますでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- PowerPoint(パワーポイント) ExcelのVBAコードについて教えてください。 3 2022/05/25 14:32
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アメブロのIDとIPアドレスがま...
-
アメブロ 「アメブロ」はコメン...
-
アメブロのランキングって操作...
-
アメブロで、候補に出てこない...
-
著作権法違反になりますか?
-
アメブロのフォローフィードっ...
-
ラインで削除した人を復活させ...
-
アップ済の画像等を削除したい
-
アメブロにコメントしたのです...
-
ブログに画像を選択して、アッ...
-
blogのコメント欄の文字を大き...
-
アメーバテルミーは終了したの...
-
Amebaのブログを閉鎖しますが、...
-
他人のブログの見方
-
5chの物理に関連する質問
-
週1更新の5年位続けている 日記...
-
アメブロの問い合わせがこない
-
趣味で始めた自分のブログの読...
-
質問に写真をのせたいのですが
-
ブログをやっていて、それを紹...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
中央寄せの解除
-
ライブドアブログのサイドバー...
-
FC2のテンプレで質問です。
-
ブログのデザインがずれる原因
-
FC2ブログの右サイドバーが落ちた
-
ブログ記事内に文章を左右2列に...
-
Jugem カスタマイズ(背景)
-
アンドロイドで文字が左に偏る。
-
fc2ブログ タイトルを枠で囲み...
-
FC2ブログのテンプレートを...
-
FC2のテンプレ
-
ライブドアブログにおいて記事...
-
アメブロcss 3カラムを2カラム...
-
FC2ブログのサイドメニューの調整
-
ブログに背景壁紙画像を設定し...
-
fc2ブログ背景色変更
-
FC2ブログのテンプレ編集/幅調...
-
HEAD・HTMLの行間改行が上手く...
-
さくらブログ(シーサーブログ...
-
タイトルの背景に自作の写真
おすすめ情報