HTML5: Firefox против Safari ... нужна помощь с некоторыми CSS - PullRequest
Новая
       7

HTML5: Firefox против Safari ... нужна помощь с некоторыми CSS

0 голосов
/ 13 октября 2010

Это мой первый сайт на HTML5, и я никогда не ожидал, что Firefox и Safari будут сражаться!Обычно я злюсь на IE.Заголовок и нижний колонтитул оба работают нормально в обоих браузерах.Но область содержимого в Safari смещена вправо.

Если я добавлю webkit css (в первый раз, когда это тоже нужно использовать), то Safari будет работать нормально, но тогда Firefox испортится.Мое понимание HTML5 было то, что он собирался сделать вещи более упорядоченными.Я почти готов вернуться к HTML4, если не смогу выяснить это до завтрашнего утра.Есть мысли ??

Вот мой CSS: 

#content {
    display: table;
}

#mainContentInt {
    display: table-cell;
    width: 331px;
    padding-right: 10px;
    vertical-align:top;
}

asideInt {
    display: table-cell;
    width: 550px;
    margin-left:323px;
    padding-top:60px;
    margin-top:-200px;      
}

Вот мой HTML: 

<div id="content">

    <div id="mainContentInt">

        <section>
            <p>test leftCol</p>
        </section>

    </div><!-- end mainContentInt-->

    <asideInt>
        <p>test rightCol1</p>

        <p>test rightCol2</p>

    </asideInt>

</div><!-- end content-->

1 Ответ

2 голосов
/ 13 октября 2010

Я не думаю, что <asideInt> - это элемент в HTML5.Вы имеете в виду <aside>?

...