我的易趣卖家的页面在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中正确显示。
谢谢!
答案 0 :(得分:0)
我不确定没有看到页面代码,但您可以尝试将其全部包装在容器div中:
<div>
<div id="break1">...</div>
<div id="break2">...</div>
</div>
在“更多信息”文本的某处可能有一些ebay css margin / padding,如果这不起作用,需要排序。真的可以看到更多的代码而不仅仅是你的代码。
你需要绝对定位吗?