2012-12-05 37 views
0

我注意到,在我网站的某些产品页面上(但不是全部),我遇到了一个奇怪的问题,其中一个产品图像出现在一个是它的意思。css定位问题 - 发生在某些网页上,但不是其他网页

因此,在一些页面上,“购买此产品的人也购买了......”图像,在最后一行中,其中一个产品下降了一行,显然不合适。 http://tinyurl.com/cs6d3q5

但大多数其他网页都很好! http://tinyurl.com/clwq3dz

我找不出什么问题。据我所见,他们都应该以同样的方式行事。任何人都可以启发我,也告诉我他们如何调试它?我使用Firebug和开发工具上的FF,但他们似乎并不有用,因为他们曾经

感谢

在这里做的是用于创建它的代码:

if($also_purchased_products->RecordCount() > 0) { 
    echo '<div style="clear:both"></div>'; 
    echo '<div class="sideboxHeading">People who bought this also purchased...</div>  <div class="ProdInfoDotSpacer"></div>'; 
    while (!$also_purchased_products->EOF) { 
     $also_purchased_products->fields['products_name'] = zen_get_products_name($also_purchased_products->fields['products_id']); 
     echo '<div class="alsoPurchasedWrapper">'; 
     echo '<a href="' . zen_href_link(zen_get_info_page($also_purchased_products->fields['products_id']), 'products_id=' . $also_purchased_products->fields['products_id']) . '">' . zen_image(DIR_WS_IMAGES . $also_purchased_products->fields['products_image'], $also_purchased_products->fields['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br />'; 
     echo '<a href="' . zen_href_link(zen_get_info_page($also_purchased_products->fields['products_id']), 'products_id=' . $also_purchased_products->fields['products_id']) . '">' . $also_purchased_products->fields['products_name'] . '</a>'; 
    echo '</div>'; 
    $also_purchased_products->MoveNext(); 
} 
} 

回答

0

其因为

<a href="http://www.traditionalirishgifts.com/black-sage-guinness-harp-knit-scarf">Black/Sage Guinness harp knit </a> 

这里Black/Sage Guinness harp knit scarf很长尝试整理它

enter image description here

+0

嗨,这是很容易的。我应用了隐藏的高度和溢出,似乎已经对它进行了排序。我能问一下你以前用什么方法解决问题吗?感谢您的帮助! –

+0

@crazysarah [萤火虫](https://getfirebug.com/downloads) –

0

当前一个项目文本链接长度超过一行时,就会出现问题。你可以像NullPointer所说的那样截断它,或者设置一个高度为.alsoPurchasedWrapper

.alsoPurchasedWrapper { 
    float: left; 
    width: 150px; 
    margin: 5px 0px 10px 20px; 
    height: 170px; 
} 
+0

嗨,讨厌的人,那很容易。我应用了隐藏的高度和溢出,似乎已经对它进行了排序。我能问一下你以前用什么方法解决问题吗?感谢您的帮助! –

+0

嗯,这实际上是一个非常普遍的问题,当浮动元素像这样行为时(像跳过它们应该是的位置)通常是一个高度问题。另外,每一个有趣的物品都有一个物品,在物品的左上方有一条双线链接:P无论如何,这是一个常见的问题,下次你看到它时,你会很快赶上它:D – scumah