2012-12-05 3 views
0

내 사이트의 일부 제품 페이지 (전체가 아님)에서 제품 이미지 중 하나가 아래 행에 표시되는 이상한 문제가 있음을 확인했습니다. 하나의 의미.CSS 위치 지정 문제 - 다른 페이지가 아닌 일부 페이지에서 발생

'구매 한 사람도 구매했습니다 ...'이미지의 마지막 줄에 제품 중 하나가 줄을 떨어 뜨리고 분명히 위치가 어둡습니다. http://tinyurl.com/cs6d3q5

하지만 대부분의 다른 페이지는 괜찮습니다! http://tinyurl.com/clwq3dz

나는 무엇이 문제인지 알 수 없다. 내가 볼 수있는 한, 그들은 모두 같은 방식으로 행동해야합니다. 누구든지 나를 깨우 치고 어떻게 디버깅했는지 말해 줄 수 있습니까? 여기를 만드는 데 사용되는 코드의 나는 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 오래에게

분류하려고한다

+0

안녕하세요, 쉽게 알 수 있습니다. 높이를 적용하고 숨겨진 오버플로가 정렬 된 것 같습니다. 나는 당신이 물건을 파악하는 데 사용한 것을 물어볼 수 있습니까? 그런데 도움에 감사드립니다! –

+0

@crazysarah [firebug] (https://getfirebug.com/downloads) –

0

이전 항목 텍스트 링크가 두 줄 이상 길 때 문제가 나타납니다. NullPointer에서 말한 것처럼 자르거나 높이를 .alsoPurchasedWrapper에 설정하면

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

안녕하세요. 높이를 적용하고 숨겨진 오버플로가 정렬 된 것 같습니다. 나는 당신이 물건을 파악하는 데 사용한 것을 물어볼 수 있습니까? 그런데 도움에 감사드립니다! –

+0

글쎄, 이것은 실제로 매우 일반적인 문제입니다. 떠 다니는 요소가 다음과 같이 동작 할 때 (일반적으로 위치를 건너 뛰는 것처럼) 일반적으로 높이 문제입니다. 또한, 모든 급상승하는 항목에는 왼쪽 상단에 두 줄의 링크가있는 항목이 있습니다. P 어쨌든, 이것은 일반적인 문제이며, 다음 번에 빠르게 볼 수 있습니다. D – scumah