перекрытие полей в Chrome - PullRequest
Новая
       3

перекрытие полей в Chrome

2 голосов
/ 11 июля 2011

Я работаю над сайтом, и у меня есть некоторые проблемы с CSS.хорошо выглядит на FF, но немного хромает на Chrome.пожалуйста, помогите мне, как я могу решить эту проблему.

http://thesunkissedgirls.com.au/

это главная страница, и если вы прокрутите страницу вниз, вы увидите 3 парагарфа, и они выглядят хорошо в ff, нокогда вы включаете chorme, строка заголовка микширования смешивается с первым абзацем.

, пожалуйста, помогите мне исправить 

<div style="color: white;font-size: 14px;margin: 0 0 30px 0;padding: 0;position: absolute;text-align: left;top: 780px;width: 960px; display:block;">
     Promotional Models | Photographic Models | Bikini Models | Lingerie Models | Model Competitions| Sporting Events | Dancer’s | Cheerleaders | Card Girls | Grid Girls |Poker Nights | Promo Girls | Karaoke + more
</div>

и параграф css будет 

#xtra-paragraph {
    color: #DBDBDB;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 60px;
    margin-top: 35px;
    display: block;
}

#xtra-paragraph p {
    text-align: left;
}

Ответы [ 4 ]

0 голосов
/ 11 июля 2011

Делить класс .social удалить float:left,

Для div, содержащего

Рекламные модели | Фотографические модели | Бикини модели | женское белье Модели | Модельные конкурсы | Спортивные События | Dancer's | Болельщицы | Открытка для девочек | Grid Girls | Покерные Ночи | Промо девушки | Караоке + ещё

добавить float:left.

Наконец, увеличение margin-top для #xtra-paragraph

Обновление:

Использование Yslow! Я проверил скорость вашего сайта. Ваш общий балл 65. Это очень медленно. Я предлагаю вам оптимизировать свой сайт, код темы очень небрежный.

0 голосов
/ 11 июля 2011

Это сломано и в FF.Div со всеми встроенными CSS, измените top:780px; на top:760px;

0 голосов
/ 11 июля 2011

В вашем стиле div измените "top: 780px;"наверх: 770 пикселей;исправил это для меня.

0 голосов
/ 11 июля 2011

Вы абсолютно позиционируете его там, поэтому браузер не может выделить место для него, если бы он был статически позиционирован.

Вам нужно выделить больше места ... 

#xtra-paragraph {
   margin-top: 50px;
}

... или поместите HTML-код там, где он должен быть логически, и сохраните его как static по умолчанию.

...