网站在Mozilla中不起作用,但在IE和Chrome中起作用

时间:2013-03-28 16:40:50

标签: html css firefox

正如标题暗示我的网站,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;
                  }

2 个答案:

答案 0 :(得分:4)

尝试删除这个额外的支撑。 FF可能不像Chrome那样宽恕:

              .pad{
                padding:20px;
              }
              }

答案 1 :(得分:1)

您的样式表的链接设置错误,我可以想象浏览器处理不同的方式。另外,你试着从你的c:\驱动器加载一个文件,这显然不会起作用