アメブロのフリースペースを使い、ヘッダーを作成したところ、
サイドバーの上部に重なってしまいました。しかも、左寄りです。
「トップ」「プロフィール」「問い合わせ先」などをブログに合わせセンターに設置したいのですが
対処方法を教えてください。
適用中条件
・適用中のデザイン:「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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
gooブログのヘッダーに画像
-
テンプレートの文字位置(本文...
-
ヤプログでテンプレートを編集...
-
fc2ブログ背景色変更
-
Word Press内に、HP制作を作成...
-
FC2ブログでコメント投稿者の名...
-
gooブログではヘッダーの編集は...
-
WordPress HP制作したい
-
Powerpointの表のスタイルで好...
-
ホームページ制作とコーティング
-
<至急お願いします!>Wordでテン...
-
パスワード制限できるフリーの...
-
FC2ブログのアクセスカウンター...
-
三つ折りのリーフレットを作りたい
-
FC2ブログが最後まで表示されない
-
gooブログの文字サイズ
-
gooブログ の 下書きの保存 方法
-
ヤフーオークションに画像を
-
テンプレートの解除方法 ペー...
-
Wordの「キーボードのユーザー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログにおいて記事...
-
livedoorblogで、
-
bloggerブログで画像の枠を消す...
-
ライブドアブログのサイドバー...
-
wordpress カスタムフィールド...
-
WordPressのヘッダー上部の余白
-
W3CのHTML結果とCSS結果の問題...
-
したらば掲示板のタイトルをセ...
-
display:inlineで横並びにした...
-
中央寄せの解除
-
アメーバブログについて…
-
gooブログの画像を背景に文字を...
-
tumblrをやっている方、jsやcss...
-
fc2ブログのアクセス解析がう...
-
至急 ヤプログ カスタマイズ サ...
-
FC2ブログのテンプレートを...
-
fc2ブログで記事とサイドバーに...
-
ブログのデザインがずれる原因
-
FC2 HTML編集について
-
エキサイトブログで挿入画像を...
おすすめ情報