2013-03-07 4 views
0

Моя страница продавца eBay отображается правильно в Firefox и IE (кроме тени текста), но не совсем в Google Chrome.eBay Страница продавца неверно отображается (Google Chrome)

В Chrome есть пробел между вершиной div (id = "break1") и его заголовком.

Я попытался исправить проблему, изменив прописку и поля div, заголовка и абзаца и содержащего div (id = «container») без успеха.

Вот некоторые изображения, так что вы можете получить лучшее представление:

Firefox eBay Preview >>http://www.auction2013.netai.net/images/ffpreview.jpg

Chrome eBay Preview >>http://www.auction2013.netai.net/images/gcpreview.jpg

Вот HTML с встроенным CSS (отформатирован eBay):

<div id="break1" 

style=" 

position: absolute; 
top: 890px; 
left: 63px; 
width: 870px"> 

    <h2 class="header3" 

    style=" 

    font-family: Tahoma, Geneva, sans-serif; 
    font-weight: 900; 
    font-size: 22px; 
    color: #E7013A; 
    text-shadow: 2px 2px 4px #5E5E5E; 
    margin: 0 0 0 12px"> 

    Winning Bidder 
    </h2> 

    <p class="para2" 

    style=" 

    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    margin: 14px 12px 0 12px"> 

    When the auction closes, you will be notified via email with the payment information. 
    Please complete the payment transaction within 72 hours of the end of the auction. 
    I will ship the item within 72 hours of receiving payment. 
    </p> 

</div> 

<div id="break2" 

style=" 

position: absolute; 
top: 978px; 
left: 63px; 
width: 870px"> 

    <h2 class="header3" 

    style=" 

    font-family: Tahoma, Geneva, sans-serif; 
    font-weight: 900; 
    font-size: 22px; 
    color: #E7013A; 
    text-shadow: 2px 2px 4px #5E5E5E; 
    margin: 0 0 0 12px"> 

    Payment Options 
    </h2> 

    <p class="para2" 

    style=" 

    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    margin: 14px 12px 0 12px"> 

    At this time, I am only accepting payments via PayPal. 
    The email confirmation at the close of the auction will 
    contain the complete payment information. 
    </p> 

</div> 

Обратите внимание, что следующий ДИВ (ID = "BREAK2") почти идентична проблеме DIV, бушель t не влияет.

Когда он не находится в ловушке внутри eBay, веб-страница отображается правильно в Google Chrome.

Спасибо!

ответ

0

Я не уверен, не видя код страницы, но вы можете попробовать обертывания все это в контейнере DIV:

<div> 

    <div id="break1">...</div> 
    <div id="break2">...</div> 

</div> 

Там, возможно, некоторые Ebay Маржа CSS/обивка где-то на «подробнее» Текст которая нуждается в сортировке, если это не сработает. На самом деле можно было бы увидеть больше кода, чем просто.

Вам нужно абсолютное позиционирование?

+0

Спасибо, что нашли время, чтобы ответить. Кажется, я решил проблему. Я просто скопировал аналогичный раздел в своем коде и изменил его. В принципе, ошибка должна быть где-то в break1 div. Я определенно не могу его найти. :П –

Смежные вопросы