为什么IE9,FF,歌剧增加20%+保证金vs铬?

时间:2012-07-22 04:00:39

标签: html css

LIVE CODE

如何修复class="content_push"在浏览器中统一的边距。

Chrome正在向我提供我喜欢的观点enter image description here 与 IE9,opera,ff,看起来像: enter image description here

<div class="content_push">
  <section class="cc">
    <div class="margin_wrapper">
      <header>
        <hgroup>
          <h1 class="at">rocking grass out styles for everyone.</h1>
          <h2 class="ast">The you mice structure for to of almost ability an trying the when designer dissolute that constructing in quickly distinct...</h2>
        </hgroup>
      </header>
      <h3 class="title_header">the good</h3>
      <p></p>
      <h3 class="title_header">the bad</h3>
      <p></p>
      <h3 class="title_header">the ugly</h3>
      <p></p>
    </div>
  </section>

</div>

CSS

.mc {
min-height:100%;
    width:100%;
    background:#fff;
    z-index:1;
    position:absolute;
    border-top:1px #c9cacc solid;
}

.content_push {
    margin-top:-35%;
    position:absolute;
    z-index:10;
    background:#FFF;
}

1 个答案:

答案 0 :(得分:3)

我不知道它是否会起作用(我认为它会),但你可以尝试“重置”css并应用你的风格。看看这里:http://meyerweb.com/eric/tools/css/reset/在使用样式之前应用此URL中显示的样式。还有其他css重置器,谷歌搜索。