ここから本文です

FC2ブログでブログが画面の左寄りに表示さてしてまうのをセンタリングする方法を教...

sch********さん

2017/2/2516:07:31

FC2ブログでブログが画面の左寄りに表示さてしてまうのをセンタリングする方法を教えてください。

FC2ブログでair-lineという公式テンプレートをPC版で使っているのですが、ブログ全体が画面の左寄りに表示されてしまい右側に大きな余白ができてしまいます。
画面の中央に表示するにはcontainerという部分をいじるとネットで調べたのですが、それが見つからず困っています。

どなたかお知恵を貸してください。

ちなみにHTMLの初めの部分は以下のようになっています。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<%template_charset>">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<link href="<%css_link>" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name> <%sub_title></title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#ffffff">
<span id="pagetop"></span>
<table class="page_wrap" width="790" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" background="http://templates.blog.fc2.com/template/air-line/bg.gif">
<tr>
<td valign="top">
<table class="header_area" width="774" height="205" border="0" cellpadding="0" cellspacing="0" background="http://templates.blog.fc2.com/template/air-line/title.gif">
<tr>
<td width="700" valign="middle" valign="right" style="padding:20px 0px 0px 300px" class="site_title">
<a href="<%url>"><%blog_name></a>
<div class="site_s" style="padding:0px 30px 0px 10px">
<%introduction>
</div>
</td>
</tr>
</table><!-- /.header_area -->

<table class="contents_body_area" width="790" border="0" cellspacing="0" cellpadding="2" align="center">

<tr>
<td class="box_side" width="200" valign="top">
<table width="190" border="0" cellspacing="8" cellpadding="0" align="center">
<tr>
<td style="width:190px;">
<form action="./" method="get" class="search">
<img src="http://templates.blog.fc2.com/template/air-line/search.gif">
<input type="text" size="15" name="q" value="" maxlength="200">
<input type="button" value="go" ALIGN="middle" alt="<%template_search_entry>">
</form><br>
<br>

補足コメントありがとうございます。
CSSは以下のようになってます。

/* container */
body {
font-size : 16px ;
bgcolor:#ffcccc;
font-family : Verdana,Osaka ;
color : #000000 ;
line-height : 200% ;
scrollbar-base-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #1f664e;
scrollbar-shadow-color: #999999;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
box-sizing: border-box;
}

*,
::before,
::after {
box-sizing: inherit;
}

table{
table-layout: fixed;
}

.contents_body_area img{
max-width:100%;
height:auto;
}

#box_main{
word-break: break-all;
width: 520px;
}

#box_main > table img{
max-width: 100%;
height: auto;
}

#box_main > table iframe{
max-width: 100%;
}

閲覧数:
59
回答数:
1
お礼:
250枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

yoy********さん

2017/2/2517:06:30

cssに新たに追記してください。

.page_wrap{
margin:0 auto;
}

  • yoy********さん

    2017/2/2520:14:41

    「CSSを掲示して下さい。」とは、言ってない。


    [ air-line ] のスタイルシート編集に

    .page_wrap{
    margin:0 auto;
    }

    入れて、下さい。
    入れる場所はどこでもよい。
    最後の方に入れてもいいです。

  • その他の返信(1件)を表示

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる