0

正如标题所暗示的我的网站，www.contrabang.com似乎在 Moxilla 中不起作用。但它在谷歌浏览器中运行良好，而在 IE 中则不太好。这是我第一次制作网站，如果我犯了任何初学者错误，请提前道歉。但我似乎无法找到解决方案。

HTML如下：

             <div class="icons">
              <a class="twitter" href="http://www.twitter.com/kadeemlaurie"></a>
              <a class="facebook" href="http://www.facebook.com/pages/Contrabang/127379984089682"></a>
              <a class="googleplus" href="http://googleplus.com/pages"></a>
             </div>

            <div id="wrap">
              <div id="featured">
                <div class="wrap">
                  <div class="textwidget">
                    <div class="cup">
                      <img src="..\Contrabang\img\red-cup.png" height="200">
                    </div>
                  </div>
                </div>
              </div>

              <div id="theFixed"><h1><a href="#">CONTRABANG</a></h1></div>

            <div class="bg1">

              <hgroup class="billboard second">
                <h2 style="font-size: 33px; opacity: 1; font-family: 'dosis'">
             We are an events management agency based in London. We create memorable experiences. Check out our upcoming event.</h2>

            </hgroup>

            <br>
            <br>
            <br>

            <div class="pad">
             <a href="#" target="_blank"> <img src="..\Contrabang\img\Contrabang.jpg"  width="300" height="400"></a>
            </div>
                <h2 style="font-size: 33px; opacity: 1; font-family: 'dosis'">
             Buy Tickets: 07949747971</h2>
            </div>


            </div>

            </section>

& 主要的 CSS

                  .main{text-align:center;}

                  #featured {
                    background: #E94F78 url(http://www.creativityfluid.com/wp-content/themes/creativityfluid/images/img-bubbles-red.png) no-repeat top;
                    background-size: 385px 465px;
                    color: #fff;
                    height: 535px;
                    overflow: hidden;
                    position: relative;
                    z-index: -2;
                  }


                  #featured .wrap {
                    overflow: hidden;
                    clear: both;
                    padding: 70px 0 30px;
                    position: fixed;
                    z-index: -1;
                    width: 100%;
                  }


                  #featured .wrap .widget {
                    width: 80%;
                    max-width: 1040px;
                    margin: 0 auto;
                  }

                  .textwidget{
                    padding: 0;
                  }


                  #wrap {
                    margin: 0 auto;
                    padding: 0;
                  }

                  .cup{

                    margin-top:210px;
                  }


                  body, h1, h2, h3, p {
                    margin: 0; 
                    padding: 0;
                  }

                  a { 
                    text-decoration: none;
                  }

                  #theFixed{
                    position:fixed;
                    background-image:url(http://s10.postimg.org/wyyotlk15/krystalrae_2012_fall_print_leopard_sketch.jpg);
                    width:100%;
                    text-align:center;
                    overflow: hidden;
                    background-position: center;

                  }


                  h1{
                    font: 800 1.313em "proxima-nova", sans-serif;
                    font-size:3.125em;
                    text-align:center;
                    padding:10px 10px;
                    margin:20px 20px;
                    background-color:#E94F78;
                    padding-left: 0.15em;
                    text-decoration:none;
                    display:inline-block;
                    color:yellow;

                  }

                  h1 a{
                    text-decoration: none;
                    letter-spacing: 8px;
                            padding-left: 0.15em;
                    color:yellow;

                  }

                  .bg1{
                  background-image:url(http://www.coalmarch.com/sites/all/themes/coalmarch/images/paper-background-coalmarch-website-design.jpg);
                    width: 100%;
                    height:900px;

                    background-color: #e94f78;}

                  h2{

                  font-family: georgia;
                  font-size:3em;
                    color:black;
                  }


                  .billboard {
                    overflow: hidden;
                    width: 960px;
                    margin-left: auto;
                    margin-right: auto;
                      text-align: center;
                  }

                  .pad{
                    padding:20px;
                  }
                  }

                  .billboard a {
                    color: #000000;   
                  }


                  .billboard {
                    padding-top:230px;
                  }
4

2 回答 2

4

尝试移除这个额外的支架。FF 在这里可能不像 Chrome 那样宽容：

              .pad{
                padding:20px;
              }
              }
于 2013-03-28T16:43:05.497 回答
1

样式表的链接设置错误，我可以想象浏览器会以不同的方式处理这个问题。此外，您正在尝试从您的 c:\drive 加载文件，这显然是行不通的

于 2013-03-28T16:52:03.340 回答