2013-03-20 64 views
0

我已經購買了不久前的腳本,它有點舊了。無論如何,頁面左對齊。我對編程知之甚少。我搜索谷歌,YouTube和堆棧溢出找到我的簡單問題的答案,但沒有運氣。我很確定它需要以(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; 
} 
+3

請提供您的html代碼,或者一些鏈接到您的網站,或者[JSFiddle](http://jsfiddle.net),以便我們幫助 – Bigood 2013-03-20 15:58:59

+0

您可以嘗試在'

'標籤中包含你的html。 – gaynorvader 2013-03-20 16:00:22

+0

如果沒有任何HTML代碼,我們只能猜測......但是如果您需要集中某些內容,請在其周圍放置一個'

'並將'text-align:center;'應用於該div。 – Adrenaxus 2013-03-20 16:00:30

回答

0

很難不HTML可以肯定的,但我猜你需要div.main寬度:

div.main { 
    text-align: center; 
    margin: 0 auto; 
    width: 960px; 
} 
1

你可以嘗試創建一個div容器環繞你的整個身體。像這樣:

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

然後在你的CSS:

.container { 
    width: 950px; 
    margin: 0 auto; 
} 
0

我相信 「主」 分區是要居中的。你需要在那裏定義寬度。

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

div.main { 
text-align: center; 
margin: 0 auto; 
width:1000px; 
} 
0

如果你要對齊的div來中心的內容,使用CSS屬性:如果你要對齊的div容器的

text-align:center; 

居中,然後給它的寬度和使用CSS屬性的邊距:0 auto;

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

最後,如果沒有什麼工作適合你使用positon:relative;父,然後子元素應該有一個position:absolute;top:XXpx; left:XXpx;

請務必閱讀一些基本CSS here。但也不要忽略這link以及