メッセージの編集
タイトル
お名前
本文
はじめまして、iPhoneを使っています。 タグなどについては全くの初心者でテンプレを使われていただいております。 ですがテンプレを使っているのですが、画面のサイズが横に広く右にスクロールしなくてはいけません。 画面サイズぴったりにしたいのですが、どのようにすればいいのでしょうか。 HEAD内はこちらです。 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /> <style type="text/css"> * { font-family:Arial,Osaka,Verdana,Helvetica,sans-serif;} body { scrollbar-track-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-arrow-color:#cccccc; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-3dlight-color:#cccccc; text-align: center; padding:5px;} a:link,a:visited { text-decoration:none; border-bottom:dotted 1px #555555;} a:hover { text-decoration:none; color:#bbbbbb; border-bottom:dotted 1px #bbbbbb;} a:active { text-decoration:none; border-bottom:dotted 1px #555555;} input,textarea { margin:2px; padding:1px; color:#111111; background-color:#ffffff; font-size:85%; border:solid 1px #cccccc;} select,option { color:#555555; background-color:#ffffff; font-size:85%;} img { border:0;} /*1番目のbox*/ .all {<pc> width: 600px;</pc> margin: 0 auto; padding: 0px; text-align: left; border:solid 1px #dddddd; background-image:url('#mtr●_url#'); /*●の部分に素材番号を入れると敷き詰めの背景になります*/ background-repeat:repeat; background-position:right top;} /*2番目のbox*/ .header { <pc> width:590px;</pc> margin: 0 auto; padding:5px; line-height: 1.5; letter-spacing:3px; font-size:150%; font-family:'Century Gothic',sans-serif;} .content { <pc> width:600px;</pc> margin: 0 auto; line-height: 1.5; font-size:80%; padding-top:10px; padding-bottom:10px;} .footer { <pc> width: 590px; clear:both;</pc> margin: 0 auto; padding:3px; line-height: 1.5; letter-spacing:3px; text-align:right; font-size:70%;} /*3番目の枠(幅を設定しないこと)*/ .menu { border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd; <pc> height:1.2em;</pc> text-align:center; margin-bottom:20px; background-color:#ffffff;} .menu a:link,.menu a:visited{ <pc> display:block; line-height:1.2em; text-align:center; float:left; </pc> border:none; color:#333333; letter-spacing: 2px; padding-left: 15px; padding-right: 15px;} .menu a:hover { <pc> display:block; line-height:1.2em; text-align:center; float:left; </pc> border:none; color:#ffffff; letter-spacing: 2px; background-color: #dddddd; padding-left: 15px; padding-right: 15px;} .main{ margin: 0 auto; padding:5px; line-height: 1.5; letter-spacing:1px; /*以下三行(}は除く)背景の色が濃いとき用の白のフィルター背景です。いらない場合は消してください*/ background-image:url('#tmpImg11174-11_url#'); background-repeat:repeat; background-position:right top;} /*特殊*/ .f1{ <pc> width:150px; float:left;</pc>} .clear{ <pc> clear:both;</pc>} /*場所関係なし(好みで増減)*/ .text { line-height: 2.5; letter-spacing:2px; padding:5px; font-family:"メイリオ",Meiryo,Osaka,Verdana,Helvetica,sans-serif;} .box1{ padding:5px; margin:5px; border:solid 1px #ffffff;} .uline { border-bottom:solid 1px #dddddd;} .midashi1{ letter-spacing:3px;} .midashi2{ font-weight:bold;} .midashi3{ font-size:120%;} .big { font-size:120%;} .small{ font-size:70%;} </style> いろいろ見て回ったのですがどこを直せばいいのかわからず、質問させていただきます。 勉強不足ですみません。 なにもいじっていないのですが… よろしくお願いします。
編集パス
編集
記事削除
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -