0

最初の Tumblr レイアウトを開始します。何らかの理由で、列がすべて少し左に寄っており、#content 内で中央に配置されていません。

何が間違っているのかわかりません...どんな助けでも大歓迎です。

また...これを見ている人が何かアドバイスを持っているか、これらのコラムを行うためのより良い方法を見つけたら、私はそれを聞いてみたい.

ありがとうサム

コード：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body {
    text-align: center;
}
#wrap {
    height: auto px;
    width: 920px;
    margin: 15px auto;
    border: 1px black solid;
}
#header {
    margin: 10px;
}
#content {
}
#column1 {
}
#column2 {
}
#column3 {
}
#footer {
}
.title {
    font-size:25px;
}
.subtitle {
    font-size:16px;
}
.column {
    width: 300px;
    float: left;

}
</style>
<title>{title}</title>
</head>
<body>
<div id="wrap">
<div id="header">
<div class="title">
{title}</div>
<div class="subtitle">
{description}</div>
</div>
<div id="content">
<div id="column1" class="column">
column1
</div>
<div id="column2" class="column">
column2
</div>
<div id="column3" class="column">
column3
</div>
</div>
<div id="footer" class="subtittle">
copyright {copyrightYears} {title}
</div>
</div>
</div>
</body>
</html>
4

1 に答える 1

0

コンテナの幅が 900px (300px x 3) を超えています。

列幅を 33.3% に設定します (コンテナー幅の 1/3 に十分近い)。

.column {
    width:33.3%;
    float: left;
}

http://jsfiddle.net/CZ9Lw/

于 2013-02-25T17:25:15.710 に答える