[
[返信する]]
広告の位置
by 質問者
2017-02-10 18:40
表紙だけユーザーテンプレート使用しているのですが、一つのスタイツシート内でキャリア分けをすると上手く反映されなかったりすることがあると聞いた覚えがあったので、軽くキャリア訳をしていました。
ガラケーはうまく表示できたのですが、PC(スマホは未確認)で確認すると、divの中に広告が入っていたり、一番上にきたりすます。どこがおかしいのか、お教えください。
また、スマホでも表示がおかしいならお教えいただければ幸いです
表紙
<div id="all">
<div id="header">
<br />
short
</div>
<div id="content1">
<br />
#list#
<br />
</div>
</div>
HEAD
<style type="text/css">
/* ― ドラッグ ――――――― */
::selection{
color:#000;
background:#aac6ff;}
::-moz-selection{
color:#000;
background:#aac6ff;}
a{ text-decoration:none;}
a:link { color: #f9934f; }/*未訪問リンクのスタイル*/
a:visited { color: #999191; }/*訪問済みリンクのスタイル*/
a:hover { color:#f19ca7;text-decoration:underline;}/*カーソルが重なった時のスタイル*/
a:focus { color:#f19ca7;text-decoration:underline;}/*フォーカス時のスタイル*/
</style>
<pc_only><style type="text/css">
body{
background-image:url('#tmpImg21212-88_url#');
background-repeat:repeat-y;
background-position:center;
font-size:100%;}
#all {
width:600px;
margin:0 auto;
text-align:left;
border:1px;height:1px;}
#header {
font-size:150%;
margin:0;
padding:0 10px 2px 10px;
line-height:1.5;
letter-spacing:3px;
background:url('#tmpImg21212-97_url#') fixed;}
#content1 {
margin:0 auto;
padding:10px;}
</style></pc_only>
<nopc><style type="text/css">
hr {width:100%;}
#content1 {
font-size:small;}
#header {
font-size:100%;}
</style></nopc>
<smartphone><style type="text/css">
#all {
width:100%;
font-size:80%;}
#content1 {
width:96%;
padding:2%;}
#side {
float:right;
width:20%;
padding:0;
font-size:85%;}
#content2 {
float:left;
width:76%;
padding:2%;}
#menu a{
display: block;}
#f1{
width:auto;
float:left;}
#clear{ clear:both;}
</style></smartphone>
pc
[編集]
by と
2017-02-11 00:07
#allがheight:1px;なのは何か理由がありますか?もしなければ削除してみてはいかがでしょうか。
pc
[編集]
by 質問者
2017-02-11 14:01
ありがとうございます
上手くいきました
pc
[編集]
[
返信する]
[
戻る
]