[宮岡寿美子]

【お使いの Snow Monkey のバージョン】バージョン: 26.0.3
【お使いの Snow Monkey Blocks のバージョン】バージョン 21.0.7
【お使いの Snow Monkey Editor のバージョン】バージョン 10.0.4
【お使いのブラウザ】Google
【当該サイトのURL】https://kotobuki-labo.com/

既出だと思うのですが、探しても見つからなかったので教えてください。

### 実現したいこと

パソコンの画面を全体表示したときに下のような見え方に設定したいです。

 

### 発生している問題

全画面にしたときに、メニューが左により中のページが中央に配置されるのですがメニューと固定ページを合わせた幅を最大幅1140pxぐらいに固定して中央配置にしたいです。

### 試したこと

メニューと固定ページを一つのコンテナに入れたらいいのかな？と考えましたができませんでした。

♥ 0

いいねをした人: 居ません

[GONSY]

つまり、こういうことですか？

 
↓色などを入れてわかりやすいように

• 全体の幅：1140px
• ナビゲーションの幅：240px
• コンテンツ幅：900px

♥ 0

いいねをした人: 居ません

[宮岡寿美子]

そういうことで合ってます！

教えてください。

♥ 0

いいねをした人: 居ません

[GONSY]

提示した画像は以下のCSSでやりました。
試していないので、すべてのブロックがうまくハマるかわかりません。
細かなところはご自分で調整してください。
 

@media (min-width: 1024px) {

	.l-contents {
		flex: 1 0 900px !important;
	}

	[data-header-layout=left] {
		margin-left: 0;
	}
	
	.l-header--left {
		position: inherit;
		width: 240px;
	}

	.l-container {
		width: 1140px;
		margin: 0 auto;
		overflow: hidden;
		flex-wrap: wrap;
		flex-direction: inherit !important;
		background-color: #fff;
	}

	.l-footer {
		width: 100%;
		display: block;
	}

}

♥ 3

いいねをした人:

[キタジマ タカシ]

「左ヘッダー」レイアウトは、ヘッダーをブラウザの左側に固定表示（ヘッダーの内容が多いときはそのヘッダーの中でスクロール）するためのレイアウトなので、基本的には中央に寄せることはできません。

やるとすれば GONSY さんが書いてくださったように CSS でやることになりますが、ヘッダーの内容が多いときのヘッダーのスクロールはしなくなると思うので、挙動は変わってしまいます。その点は注意が必要かなと思います。

♥ 1

いいねをした人:

[宮岡寿美子]

GONSYさん、ありがとうございます！

ちゃんとできました。

キタジマさん、畏まりです。ヘッダーの内容が増えたときは挙動を注意しておきます。

♥ 1

いいねをした人:

[投稿者]

投稿