0

少し前にスクリプトを購入しましたが、少し古いです。とにかく、ページは左揃えです。私はプログラミングについてあまり知りません。Google、YouTube、Stack Overflow を検索して、単純な質問に対する答えを見つけましたが、うまくいきませんでした。（div）タグで中央に配置する必要があると確信していますが、詳細は...わかりません。ぜひご覧ください。

a, a:visited, a:active {
color: #9b7e5b;
}
a.toplink, a.toplink:hover, a.toplink:visited, a.toplink:active {
color: #FFFFFF;
    font-size: 12px;
}
.forCopyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
    COLOR: #FFFFFF; 
text-align: center;
background-color: #B57C37;
}
a.forCopyright {
text-decoration: underline;
}
body, td, .forTexts {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a.menutxt, a.menutxt:hover, a.menutxt:visited, a.menutxt:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #9b7e5b;
}
.menutxt {
PADDING-RIGHT: 2px;
    PADDING-LEFT: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #9b7e5b;
}
.infotxt {
PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
font-size: 10px;
}
th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url("images/bg.jpg");
font-size: 12px;
background-color: #FFFFFF;
    padding-bottom: 4px;
background-repeat: repeat-x;

}
.inpts {
BORDER-RIGHT: #9b7e5b 1px solid; 
    BORDER-TOP: #9b7e5b 1px solid; 
    FONT-SIZE: 10px; 
    BORDER-LEFT: #9b7e5b 1px solid; 
    COLOR: #000000; 
    BORDER-BOTTOM: #9b7e5b 1px solid; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    BACKGROUND-COLOR: #ffffff
}
.sbmt {
BORDER-RIGHT: #9b7e5b 1px solid; 
    BORDER-TOP: #9b7e5b 1px solid; 
    FONT-SIZE: 10px; 
    BORDER-LEFT: #9b7e5b 1px solid; 
    COLOR: #000000; 
    BORDER-BOTTOM: #9b7e5b 1px solid; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    BACKGROUND-COLOR: #DEC8AD; 
}
a.hlp, a.hlp:active, a.hlp:visited, a.hlp:hover {
font-family: verdana;
font-size: 12px;
color: black;
text-decoration: none;
cursor: help;
}
.line {
background-color: #B57C37;
}
.bgcolorleft {
background-color: white;
}
.bgcolormain {
background-color: white;
}
.bgcolorright {
background-color: white;
}
div.framebody {
text-align: center;
}
div.main {
text-align: center;
margin: 0 auto; 
 }
td.inheader {
background-image: url("images/bg.jpg"); 
background-color: white;
font-weight: bold;
text-align: center; 
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
background-repeat: repeat-x;
}
td.item {
background-color: E2B176;   
text-align: center; 

}
h3 {
COLOR: #664422; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
.calendartable {
background-color: #664422;
text-align: center;
}
.calendartablebg {
background-color: white;
}
.calendarweek {
background-color: #664422;
color: #FFFFFF;
text-align: center;

}
td.gray {
    color: gray;
}
4

4 に答える 4

1

コンテナ div を作成して、体全体を包み込むことができます。そのようです：

<body>
  <div class="container">
  ...
  ...Your Website Code...
  ...
  </div> <!-- end container -->
</body>

次に、CSSで：

.container {
  width: 950px;
  margin: 0 auto;
}
于 2013-03-20T16:02:36.223 に答える
0

div のコンテンツを中央に揃えたい場合は、CSS プロパティを使用します。

text-align:center;

コンテナ div を中央に配置する場合は、幅を指定して CSS プロパティ margin:0 auto; を使用します。

div{width:1000px;margin:0 auto;}

最後に、何も機能していない場合はpositon:relative;、親に使用し、子要素にはposition:absolute;top:XXpx; left:XXpx;

ここで基本的な CSSを読んでください。このリンクも無視しないでください

于 2013-03-20T18:08:59.657 に答える
0

HTML なしで確認するのは難しいですが、div.main に幅が必要だと思います:

div.main {
  text-align: center;
  margin: 0 auto; 
  width: 960px;
}
于 2013-03-20T16:02:02.547 に答える
0

「メイン」divが中心になりたいと思います。そこで幅を定義する必要があります。

div.main {
text-align: center;
margin: 0 auto; 
width:90%;
 }

また

div.main {
text-align: center;
margin: 0 auto; 
width:1000px;
 }
于 2013-03-20T16:03:30.380 に答える