アメブロのフリースペースを使い、ヘッダーを作成したところ、
サイドバーの上部に重なってしまいました。しかも、左寄りです。
「トップ」「プロフィール」「問い合わせ先」などをブログに合わせセンターに設置したいのですが
対処方法を教えてください。
適用中条件
・適用中のデザイン:「CSS編集用デザイン」
・CSS編集用デザイン:3カラム・右ワイドメニュー
・CSS
/*++++++++++++++++++++++++++++++++++++++++
ヘッダーメニュー(フリースペース使用)
++++++++++++++++++++++++++++++++++++++++*/
ul#gnavi {
position:absolute;
top:300px; /* ヘッダー画像の高さ */
left:20px; /* #subFrameを基準とした左からの距離 */
width:800px; /* ヘッダーメニューの幅 */
}
ul#gnavi li {
float:left;
text-align:center; /* メニュー文字揃え */
}
ul#gnavi li a {
display:block;
height:50px; /* ヘッダーメニューの高さ */
width:160px; /* ヘッダーメニューの1つの幅 */
・フリースペース
<ul id="gnavi"><li class="menu1"><a href="http://トップのアドレス/"><span>トップ</span></a></li><li class="menu2"><a href="http://メニュー2のアドレス"><span>メニュー2</span></a></li><li class="menu3"><a href="http://メニュー3のアドレス"><span>メニュー3</span></a></li><li class="menu4"><a href="http://メニュー4のアドレス"><span>メニュー4</span></a></li><li class="menu5"><a href="http://メニュー5のアドレス"><span>メニュー5</span></a></li></ul>
・開設日 2011年9月12日
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
・CSS部分を下記にする。
/*++++++++++++++++++++++++++++++++++++++++
ヘッダーメニュー(フリースペース使用)
++++++++++++++++++++++++++++++++++++++++*/
ul#gnavi {
position:absolute;
top:300px; /* ヘッダー画像の高さ */
left:20px; /* #subFrameを基準とした左からの距離 */
width:800px; /* ヘッダーメニューの幅 */
}
ul#gnavi li {
float:left;
text-align:center; /* メニュー文字揃え */
}
ul#gnavi li a {
display:block;
height:50px; /* ヘッダーメニューの高さ */
width:160px; /* ヘッダーメニューの1つの幅 */
}
.skinFrame2{
width:980px ;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
・あなたのブログを見ないと位置設定は不明です。
・下記を入れることで、絶対配置の起点を決められます。
.skinFrame2{
width:980px ;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アメブロ 「アメブロ」はコメン...
-
アメーバーブロクへのコメント...
-
ブログで収入が得られるの?
-
動画をmp4形式でパソコンに保存...
-
芸能人のブログへのコメントに...
-
アメーバブログ退会後
-
他人のブログの見方
-
アメブロのフォローフィードっ...
-
アニ文字みたいなのをパソコン...
-
5chの物理に関連する質問
-
週1更新の5年位続けている 日記...
-
アメブロの問い合わせがこない
-
趣味で始めた自分のブログの読...
-
質問に写真をのせたいのですが
-
ブログをやっていて、それを紹...
-
アメーバブログのやり方
-
これ、書いてはならぬ事なので...
-
アメーバブログはフォロワーさ...
-
アメーバブログで、ハッシュタ...
-
アメブロは、HTMLのタグの入力...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログにおいて記事...
-
中央寄せの解除
-
エキサイトブログで挿入画像を...
-
ライブドアブログのサイドバー...
-
アメブロ。日記から本文がはみ...
-
アメブロでブログタイトル上部...
-
tumblrをやっている方、jsやcss...
-
スタイルシートの使い方について
-
HEAD・HTMLの行間改行が上手く...
-
bloggerブログで画像の枠を消す...
-
FC2ブログで引用に背景色をつける
-
MT4のタイトルを一枚画像(バナ...
-
wordpress カスタムフィールド...
-
ブログ記事内に文章を左右2列に...
-
右サイドバーが下に落ちてしまう
-
お世話になっております。fc2で...
-
FC2 HTML編集について
-
FC2ブログ タイトルの文字を...
-
fc2ブログで記事とサイドバーに...
-
2beeブログで行間と文字の間隔...
おすすめ情報