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ランキング
-
safariだけcssが反映されない
-
3日に1回リロードさせたい
-
根号の書き方について
-
iframe内の表示を常に最新にしたい
-
textareaの一行の文字数制御
-
文字化けを故意に表示したい
-
できません。。。HTMLブロ...
-
メタタグに順番はありますか?
-
ページ全体を中央に配置したい...
-
ホームページがトルコ語表示に...
-
<title></title>はどこに書くべ...
-
firefoxでスクロールバーが二重...
-
ドリームウェーバーで同じタグ...
-
favicon.icoが表示されない
-
FTPサーバーへのアップロードが...
-
hタグ 印刷時の背景画像
-
hpDrafteのHTMLファイルが文字...
-
WEBページがIEだけ文字化けして...
-
KentWebのCGIメールフォームの...
-
<META>文字コードと入力場所に...
マンスリーランキングこのカテゴリの人気マンスリー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が表示さ...
おすすめ情報