[
[返信する]]
広告バナーのズレ
by 唯
2016-11-14 23:38
過去のスレを検索しても解決出来なかったためご質問させていただきます。
トップページ、メインページ、リンクページのHEADを共通にしているのですが全て広告バナーが右にずれています。試行錯誤してみましたがわからず…
以下、使用しているタグです
<link href='https://fonts.googleapis.com/css?family=Josefin Sans' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Pinyon Script' rel='stylesheet' type='text/css'><style type="text/css">
body
{
font-family: 'Josefin Sans',"メイリオ", sans-serif;
letter-spacing: 2px;
line-height: 1.7;
margin: 0;
overflow-x:hidden;
padding: 0;
text-align: center;
}
#wrp
{
margin: 0 auto;
max-width: 400px;
padding: 40px 0px 10px 0px;
}
#bx,#bx2
{
background: #fff;
border: #fff solid 1px;
border-radius: 15px;
margin: 0 auto;
opacity: 0.9;
padding: 10px;
width: 75%;
}
#bx
{
font-size: 12px;
text-align: center;
}
#bx2
{
font-size: 10px;
text-align: left;
}
h1
{
display: inline;
font-family: 'Pinyon Script';
font-size: 29px;
text-decoration: underline;
}
h2
{
display: inline-block;
font-family: 'Pinyon Script';
font-size: 19px;
margin-bottom: 5px;
text-decoration: underline;
}
a
{
border-bottom: #eaeaea solid 1px;
text-decoration: none;
}
input[type],textarea
{
background: #000;
border: #000 solid 1px;
box-shadow: none;
color: #fff;
font-family: 'Josefin Sans',"メイリオ", sans-serif;
font-size: 10px;
margin-top: 10px;
padding: 2px 3px;
}
input[type=text]
{
height: auto;
width: 150px;
}
textarea
{
height: auto;
width: 180px;
}
input[type=submit]
{
height: auto;
margin-left: 5px;
width: auto;
}</style>
どなか原因おわかりになる方がいましたらお願い致します。
pc
[編集]
by と
2016-11-15 17:47
上記は共通HEADに書いておられるのですか？各ページや機能のHEAD内は空欄なのでしょうか？
各レイアウトでタグの閉じ忘れはありませんか？
ご質問と関係ないと思いますが、下記は訂正された方が良いと思います
・セレクタと括弧の間で改行しない
例)
#bx
{
↓
#bx{
・引用符が足りない
例)
input[type=text]
↓
input[type="text"]
pc
[編集]
by 唯
2016-11-15 20:23
とさん、ありがとうございます。
タグのとじ忘れだったかもしれません、ご指摘頂いたところも訂正してみたらなおりました。
ありがとうございます！
pc
[編集]
[返信する]
[
戻る
]
[返信する]]
2016-11-14 23:38
pc
戻る
]