0

http://supportforstepdads.com/grtstepdadland/のこのページは、ブラウザ FIrefox および IE7 で一部の要素を正しく表示していません。それらのいくつかは次のとおりです。

  • 名前フィールド
  • 電子メール フィールド
  • 「電子書籍を無料で入手」ボタン

ここにスタイルシートを貼り付けます:

* {
    margin: 0;
    padding: 0;
}

body {
    background: #000 url("../img/bg.png") no-repeat 520px 0px;
    margin-left:auto;
    margin-right:auto;
    font-family: Arial, sans-serif;
    font-size:14px;
    line-height:1.6em;
    color:#fff;
}

#container {
    width:500px;
    margin:auto;
    margin-top:150px;
}

#logo {
    float: right;
    margin-top: -130px;
}

#ebookimg {
    margin-left:146px;
}

/*Typography*/
p {
    margin-bottom:15px;
}
h2 {
    color: #4AAFD9;
    font-size:34px;
    line-height:2.5em;
}

h3 {
    font-size:26px;
}

h4 {
    color: #4AAFD9;
    font-size:22px;
    line-height:2.2em;
}


/*Form and its elements*/
form {
    margin-top:20px;
}

input[type=text]{
    font-size:18px;
    color:#fff;
    text-align:center;
    font-style:oblique;
    background: #222;
    border: 1px solid #4AAFD9;
    line-height:1.5em;
}

form #spamcheck {
    margin-top:20px;
    margin-bottom: 40px;
    color: #888;
    font-size:14px;
}

input[type=submit]
{
    padding:20px 40px;
    background: #4AAFD9;
    font-size:20px;
    font-weight:bold;
    border:none;
    cursor:pointer;
}

/*Social Icons area*/
#social p {
    color: #4AAFD9;
    text-align:center;
    margin-top:45px;
}

#socialicons {
    margin-left:106px;
}

#socialicons img {
    padding:2px;
    width:41px;
}

#socialicons img:hover {
    opacity: 0.9;
}


/*Features Area*/

#features {
    padding: 20px 10px;
    margin:auto;
}

.featurep {
    padding:15px 14px 14px 66px;
    background-image:url("../img/qmark.png");
    background-color:#222;
    background-repeat:no-repeat;
    margin-bottom:13px;
    border-radius:25px;
    font-size: 16px;
}

#ebookfeatures {
    margin-top:40px;
}

#ebookfeatures p {
    text-align:justify;
}

/*Footer*/
#footerh4 {
    float:left;
}

#footer h4 {
    font-weight:normal;
}

#buttonbuy {
    float:right;
    width:170px;
    text-align:center;
    padding:15px 30px;
    background: #4AAFD9;
    font-size:14px;
    font-weight:bold;
    border:none;
    cursor:pointer;
}

#copyright {
    margin-top:120px;
    text-align:center;
}

#copyright span {
    color: #4AAFD9;
}

これらの問題を解決するにはどうすればよいですか?

ありがとう!

4

2 に答える 2

0

以下のスタイルを「フォームとその要素」セクションに追加します。

form {
    text-align:center;
}
form input {
    display:inline-block;
    *display:inline;
    *zoom:1;
}
于 2013-08-13T04:04:45.747 に答える
0

align="center"のタグを介してこれらの要素を中央に配置しているためのようです。それを削除してスタイリング(CSS)に<form>追加すると、正しく表示されるはずです(FFでテストされ、Macではそうできます) t テスト IE7 申し訳ありません)text-align: center;form {

余談ですが、実際には正しく表示されていないChromeでテストしていると思いますが、FFとIE7では正しく表示されます。このalignタグは、CSS を優先して非推奨になりました。非推奨のタグ

nbsp

于 2013-08-12T05:21:29.367 に答える