搜索结果页面破坏背景

Posted 2023-02-23

【中文标题】搜索结果页面破坏背景

【英文标题】：Search Results page destroys background

【发布时间】：2013-05-01 17:01:25

【问题描述】：

这是原始网站。 usahvacsupply.com 一旦你搜索了一个项目，搜索结果就会占据整个页面并消除背景。我不确定如何控制溢出。网站溢出的部分是http://www.usahvacsupply.com/servlet/Categories。如果需要，我会发布更多代码。底部的代码对应http://www.usahvacsupply.com/servlet/Categories 页面。任何帮助，将不胜感激。

  <table id="body"  cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td >
<script type="text/javascript">
if (!createBookmark) 
var createBookmark = function() 
if (window.sidebar) // Mozilla Firefox Bookmark
window.sidebar.addPanel(document.title, location.href, '');
else if (window.external) // IE Favorite
window.external.AddFavorite(location.href, document.title);
else // all others
alert("Please press CTRL+D to bookmark this page.");
;

</script>
<table id="layout" class="panel-layout"  cellspacing="0" cellpadding="0" border="0" rules="none">
<tbody>
<tr>
<td id="p1" valign="top">
<script type="text/javascript">
var ProStores;
if (!ProStores)
ProStores = ;
ProStores.PageLink = function(link) 
var strParams = 's=' + link.getAttribute('page');
var strThis = location.href;
if (strThis.indexOf('?') > -1) 
if (strThis.search(/s=[0-9]+/) > -1)
link.href = strThis.replace(/s=[0-9]+/, strParams);
else
link.href = strThis + '&' + strParams;

else
link.href = strThis + '?' + strParams;
;
</script>
<link href="/servlet/0-3-30d-727500-com.prostores.panel.List%7Estyle.css/Asset" title="style" type="text/css" rel="stylesheet">
<style type="text/css">
<table id="cataloglist.31" class="list-boundary"  cellspacing="0" cellpadding="0" border="0" rules="none">
<tbody>
<tr>
<td>
<table  cellspacing="0" cellpadding="0" border="0" align="center" rules="none">
<tbody>
<tr>
<td valign="top" align="left" colspan="1">
<h1 align="left">Search Results</h1>
<div class="" align="left" style="padding:2px">
<p>
Found
<b>1000</b>
product(s) for
<b>All</b>
(1-25 of 1000)
</p>
</div>
</td>
</tr>
<tr>
<td valign="middle" colspan="1">
<div class="product-list-container">
<div class="top">
<div class="right">
<div class="left"></div>
</div>
</div>
<div class="titlebar group-title">
<b> Breakers  |  Bryant Carrier Payne Day&Night </b>
</div>
<div class="panel-content">
<center>
<table class=""  cellspacing="2" cellpadding="0" border="0">
<tbody>
<tr>
<td colspan="1" style="height:1px"></td>
</tr>
<tr>
<td class="item-cell"  valign="bottom"  style="padding:8px">
<table   cellspacing="0" cellpadding="0" border="0" rules="none">
</td>
</tr>
<tr>
</tbody>
</table>
</center>
</div>
<div class="bottom">
</div>
</td>
</tr>
<tr>
<tr>
<tr>
<tr>
<tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>

【参考方案1】：

我可以看到您的问题不再出现，但是当您搜索不存在的产品时。您的 div.footerBorder 浮动在左侧的背景上。通过应用来解决这个问题：

margin-left: 10px;

给你的

/servlet/0-0-30d-13e0e1158d0-legacycss/资产 在第 240 行的“.footerBorder”中，将整个规则替换为：

.footerBorder 
  width: 960px;
  min-height: 160px;
  background: url("/images/store_version1/footer.gif") no-repeat;
  margin-left: 10px;

编辑： 如果在其他页面上发生冲突，请告诉我，我会为您提供帮助。干杯！