bloggerのレイアウトを左寄せにしたいのですが、できません。
幅を指定して、その中で左寄せにはできますが、左右に余白が残ります。
ページ全体で左寄せしたい場合、どうしたらよいのでしょうか?
いろいろ試しているのですが、変化がありません。教えてください(><)
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}
html body $(page.width.selector) {
min-width: 0;
max-width: 100%;
width: $(page.width);
}
このあたりをいじっても、どうも変化がありません。
見ているところが違うのでしょうか?
この前には、 <Group description= や、<Variable name= から始まる表記がずらっとあります。
初心者で申し訳ありません、どなたか教えてください。
No.2ベストアンサー
- 回答日時:
html,body{}ですよ。
htmlにもpaddingがあるはず・・・
どちらにあるかはブラウザによって差があるので、セレクタはグループにして記述すると楽です。
どこにどれだけマージンがあるかは
html{background-color:red !important;}
body{background-color:blue !important;background-image:none !important;}
とすれば、わかります。
他の要素についても
body>*{background-color:green !important;background-image:none !important;}
body>*>*{background-color:yellow !important;background-image:none !important;}
とか・・子供セレクタに全称セレクタを組み合わせて調べる・・。
★出所や優先度(詳細度)でソートされた後に、詳細度が参照されますから!important宣言は他のどれよりも優先されます。(ユーザーの重要宣言を除く)
No.1
- 回答日時:
どこかに
html,body{margin:0;padding:0;}
を書き足す。
bodyのpadding: 0 $(content.shadow.spread) $(content.shadow.spread)
html body $(page.width.selector)のmax-width: 100%;とwidth: $(page.width);も、実際に入る値を調べないとわからない。
ご回答ありがとうございます。
body{margin:0;padding:0;}
を追記しても変化なし、
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}
html body $(page.width.selector) {
min-width: 0;
max-width: 100%;
width: $(page.width);
}
を全て消去してbody{margin:0;padding:0;}だけにしても変化がありませんでした。。。
どうして変わらないんでしょう。
分かりません(><)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
html で 変数を定義できますか?
-
文字コードについて(小説サイト...
-
<!DOCTYPE html>あってますか?↑
-
COLDFUSIONの文字化け
-
指定した演算を実施の結果を表...
-
iframe内の表示を常に最新にしたい
-
フレームを使ったページの一部...
-
自分のホームページが検索でひ...
-
safariにcssが反映されなくて困...
-
日本語が下記のように文字化け...
-
HTMLファイルのインクルードで...
-
カラーラインの中に文字
-
縦書きタグについて。
-
スライドショ-のタグを教えて...
-
リンクができない
-
サイトの検索結果でタイトル文...
-
OGプロトコル、イメージを設定...
-
no-cache の有効範囲について
-
文字コードのメタタグ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?↑
-
<!DOCTYPE html>あってますか?...
-
先日ウェブデザイン技能検定三...
-
css ,videotタグ。ホームページ...
-
指定した演算を実施の結果を表...
-
POSTしたデータの文字コードがu...
-
body内にmetaタグを記述は問題...
-
Duolingo のソースコードの名前...
-
HTMLファイルのインクルードで...
-
文字化けを故意に表示したい
-
iframe内の表示を常に最新にしたい
-
根号の書き方について
-
HTMLソースにない文字がブラウ...
-
safariだけcssが反映されない
-
WEBページがIEだけ文字化けして...
-
FFFTPでの文字化け
-
ページ全体を中央に配置したい...
-
Aタグのmailtoでメッセージ作成...
-
HTML上に貼り付けたPDFが表示さ...
おすすめ情報