2

私のページは IE 7 8 9、Firefox、Safari、Opera で問題なく動作しています。しかし、Chrome で開くとDIV、formが適切に配置されているとは限りません。form タグを削除すると、問題はなくなります。フロートはありません。コードのこの部分では絶対のみです。どうやら問題は、formChrome のみで発生するようです。

CSS コード:

#fond-diapo{background:url('../images/pattern2.gif');height:420px}
    #diapo-center{width:920px;margin:0 auto 0}
    /* Contactez nous */
    #contact-home{position:absolute;margin-left:600px;width:258px;height:421px;background:url('../images/contactez-nous-fond.png') no-repeat;}
    #contact-home h3{color:#c37ed5;padding:100px 0 0 75px}
    .form2{margin:26px 0 0 34px;height:406px}

    #contact-home p{width:192px;padding:8px 0 0 0}
    #contact-home  input[type=text]{padding:0 6px 0 12px;width:192px;height:29px;background:url('../images/fond-input.png') no-repeat;color:white}
    #contact-home select {border:1px solid #c6c4c4;color:#4f4f4f;float:right;width:150px}
    #contact-home  input[type=submit]{background:none;color:white;margin:18px 0 0 48px;font-weight:bold;letter-spacing:2px;font-size:18px;cursor:pointer}
    .gecko #contact-home  input[type=submit]{margin:15px 0 0 48px}
    .ie7 #contact-home  input[type=submit]{margin:10px 0 0 0}
    .ie7  #contact-home select{margin-top:-18px}
    .bordertop{width:192px;height:1px;border-top:1px solid #c6c4c4;margin:10px 0 0px 0}
    .ie7  #contact-home  input[type=text]{padding-top:6px}
    .ie8  #contact-home  input[type=text]{padding-top:6px}
    .ie7 .bordertop{margin:4px 0 0px 0}
    .ie8 .bordertop{margin:4px 0 0px 0}

HTML コード:

<div id="fond-diapo">
            <div id="diapo-center">

                <div class="absolute">
                    <img src="images/carrousel/img1.jpg" />
                </div>

                <div id="contact-home">
                     <h3>01 75 57 85 45</h3>
                        <form action="#" name="form2" class="form2">
                         <p>Remplissez le formulaire, nous vous rappelons sous 24 heures.</p>
                         <p><input type="text" value="Votre nom et votre pr&eacute;nom" onFocus="javascript:this.value=''" /></p>
                         <div class="bordertop"></div>
                         <p><input type="text" value="Votre n° de t&eacute;l&eacute;phone" onFocus="javascript:this.value=''" /></p>
                         <div class="bordertop"></div>
                         <p><input type="text" value="Votre adresse Mail" onFocus="javascript:this.value=''" /></p>
                         <div class="bordertop"></div>
                         <p>
                            Lieu :
                            <select name="fonction">
                            <option value="paris13">SWF paris 13eme</option>
                            <option value="paris16">SWF paris 16eme</option>
                            </select>
                         </p>
                         <input type="submit" value="VALIDER" />
                        </form>
                    </div>
                    <!-- Fin du div contact-home -->
            </div>
            <!-- Fin du div diapo center -->
        </div>
        <!-- Fin du div fond diapo -->
4

1 に答える 1

0

2 つのスタイルシートが css_browser_selector.js と一緒に読み込まれます

css が最初にある場合もあれば、2 つの css の間に JS がある場合もあります。

これにより、後続のロードで異なる表示の問題が発生する可能性があります。

css をページの上部に、js とページの下部に配置してみてください。

または、ページが読み込まれるまで JS の起動を待ちます。

于 2012-10-12T15:53:15.097 に答える