Что CSS или HTML вызывает "в настоящее время, тестирование ..." не для отображения в Safari, но в других браузерах?

Question

По этому URL http://wpbeta.nfshost.com/simplysimple/index.html, в центре страницы есть текст «В настоящее время тестирование ...», но он не отображается в Safari.Он отображается в Chrome, Firefox и IE.

Знаете ли вы, в чем может быть проблема?

Answer 1

Здесь есть несколько проблем.

• Текст перекрывается фиксированным заголовком со сплошным белым фоном.
• Это происходит из-за различий в том, как браузерыинтерпретируют </br>&nbsp; в ваших абзацах.
• Технически это должно быть <br />&nbsp;, но на самом деле вы должны создавать этот пробел, используя стили CSS, а не разрывы строк.

Попробуйтеэтот HTML:

<header id="fixednav">...</header>
<div id="main">
    <h1>Currently testing</h1>
    <p>&quot;I believe that one day&hellip;&quot;</p>
    <p>-Cool Dude <a href="http://someurl.com" desc="giant mango site">someurl.com</a></p>
</div>

с этим CSS:

#fixednav {
    background-color: #fff;
    display: block;
    height: 100px;
    left: 50%;
    margin-left: -275px;
    position: fixed;
    top: 0;
    width: 550px;
    z-index: 2;
}

#main {
    margin: 100px auto 0 auto;
    width: 550px;
}