質問 > フロント機能 > ヘッダー部分のセンタリング |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
44048 |
投稿日時: 2013/6/3 10:20
対応状況: −−−
|
半人前 登録日: 2013/6/3 居住地: 投稿: 11 |
ヘッダー部分のセンタリング 初心者です。
書き方など不躾な点があるかとは思いますが、ご容赦ください。 ECCUBEをインストールして、最初の状態で、レイアウトだけざっくり決めて進めていこうと思っているのですが、 ヘッダー部分が、左寄せになってます。 これを、ヘッダーの場所をセンタリングするにはどうしたらいいですか? /* 固定 */ #header { position: fixed; top:0px; } #side { position: fixed; top:116px; } #headersubmenu{ position: fixed; ↑ #headersubmenuはもともとposition:absoluteで位置指定しているので、ここで再指定は不要。 } #outline { margin-top: 116px; } /*センタリング*/ .header_wrap { width: 100%; border: 1px solid #000; text-align: center; .header_wrap div { width: 80%; border: 1px solid #FF0000; margin: 0 auto; text-align: left; } 全くの初心者で質問自体もちゃんとできていないかもしれませんが、よろしくお願いします。 |
seasoft |
投稿日時: 2013/6/3 12:19
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7367 |
Re: ヘッダー部分のセンタリング 「ヘッダー部分」というのが、どの範囲を示しているのか把握できていませんが、仮にロゴの部分だとしますと、まずは #logo_area の幅を調整する辺りから進めるのが良いのかなと感じました。ご参考まで。
|
44048 |
投稿日時: 2013/6/3 12:27
対応状況: −−−
|
半人前 登録日: 2013/6/3 居住地: 投稿: 11 |
Re: ヘッダー部分のセンタリング ありがとうございます。
色々試した結果、 ヘッダー部分の固定で左に寄っていることが判明しました。 ヘッダーのセンタリングをキープしたまま、スクロールしても固定するにはどうしたらよいでしょうか? |
seasoft |
投稿日時: 2013/6/3 13:07
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7367 |
Re: ヘッダー部分のセンタリング ざっと思いつくのは、外側にもう1レイヤー設けて、そちらを固定した上、幅100%にしておけば良さそうな予感がします。
|
44048 |
投稿日時: 2013/6/3 13:22
対応状況: 解決済
|
半人前 登録日: 2013/6/3 居住地: 投稿: 11 |
Re: ヘッダー部分のセンタリング 出来ました!
すごく助かりました。 ありがとうございました。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |