易趣卖家的页面显示不正确(谷歌浏览器)

时间:2013-03-07 00:44:02

标签: css html browser space ebay

我的易趣卖家的页面在Firefox和IE中正确显示(除了文字阴影),但在谷歌浏览器中并不完整。

在Chrome中,div顶部(id =“break1”)与其标题之间有一个空格。

我试图通过改变div,header和paragraph的填充和边距以及包含div(id =“container”)来解决问题但没有成功。

以下是一些图片,以便您可以获得更好的想法:

Firefox易趣预览>> http://www.auction2013.netai.net/images/ffpreview.jpg

Chrome易趣预览>> http://www.auction2013.netai.net/images/gcpreview.jpg

这是带有内联CSS的HTML(格式化为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>

请注意,下一个div(id =“break2”)几乎与问题div相同,但不受影响。

当它没有被困在eBay中时,网页会在Google Chrome中正确显示。

谢谢!

1 个答案:

答案 0 :(得分:0)

我不确定没有看到页面代码,但您可以尝试将其全部包装在容器div中:

<div>

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

</div>

在“更多信息”文本的某处可能有一些ebay css margin / padding,如果这不起作用,需要排序。真的可以看到更多的代码而不仅仅是你的代码。

你需要绝对定位吗?