[
[返信する]]
【解決】div styleが左に寄る
by 匿名
2015-12-19 14:44
こんにちは、一人で行き詰ってしまったので、お力添え願います。
<br><div style="width:310px; height:230px;background:url('#mtr41_url#') no-repeat;margin-left : auto;margin-right : auto;border-top:1px #622d18 solid; "></div>
と言うタグだけが、どうしても左に寄ってしまいます。
確認機種はアイフォン5sで、画面の横幅は３２０の筈なのに、右に空白が出来てしまいます。
それだけなら気にしないのですが、広告も移動してしまっているので、なんとかせねばなりません。
ヘッドは
<style type="text/css">
<!--
body {text-align:center;
font-family: "Osaka, Arial, sans-serif,Vani,;
}
-->
</STYLE>
同時に使っているタグは
<div style="width:300px;padding:0px 25px 5px 25px;margin:0px;font-size:14px; font-weight:bold;margin-left : auto;margin-right : auto; text-align:left;"></div>
です。
なんとかページの中央に寄せて、広告のサイズも変えずに居る事は出来るのでしょうか？
解る方、よろしくお願いします。
【追記】
2015-12-19 17:20の無名様へ
ありがとうございます！
無事に310pxに収める事が出来ました！
なんとお礼を申していいやら。
朝から苦戦していたので、本当に感動です！
かえすがえすもありがとうございました！
とってもわかりやすかったです！
ありがとうございます！
pc
[編集]
by
2015-12-19 17:20
【修正箇所】
<div style="width:300px;padding:0px 25px 5px 25px;margin:0px;font-size:14px; font-weight:bold;margin-left : auto;margin-right : auto; text-align:left;"></div>
▼width:300px;
▼padding:0px 25px 5px 25px;
→表示される際は「 widthの値 + 左右paddingの値 」となるので、上記だと 300px + 25px + 25px で、計350px 使用端末の幅を超えています。
【修正方法】お好きな方法をひとつお使い下さい
■width:300px; → max-width:300px; に変更
■-webkit-box-sizing: border-box ;-moz-box-sizing: border-box ;-ms-box-sizing: border-box ;-o-box-sizing: border-box ;box-sizing: border-box ; を追加
→widthの値をpadding(とborder)込みにする指定
■widthの値とpaddingの値を画面幅に収まるよう編集する
pc
[編集]
[返信する]
[
戻る
]
[返信する]]
2015-12-19 14:44
pc
戻る
]