-1

safari と firefox の css3 で動作するものを取得できますが、その一部はありません。ショッピング カテゴリとサブ カテゴリのリストを、リストごとに個別に出力しています。

これは私が持っているものです（これまでのところ機能していません）.どんな助けも大歓迎です。

<div style="float:left; width: 232px;">
<?
$rowcount = 1;                          
$strSql = "SELECT * FROM Category ORDER BY CategoryName ASC";
$r = $db->select($strSql);
while ($row=$db->get_row($r, 'MYSQL_ASSOC')) {  
    $CategoryID = $row['CategoryID'];
    $CategoryName = $row['CategoryName'];
    ?>
     <div style="width: 232px; background-color:#f2f2f2; padding: 5px; margin-top: 5px; -webkit-border-radius: 4px; border-radius: 4px; overflow:hidden; padding-left: 5px;">
          <h1><a href="/<?=$colour?>/<?=$CategoryURL?>/" ><?=$CategoryName?></a></h1>
            <ul>
                  <?                        
                  $strSql2 = "SELECT 
                  SubCategory.SubCategoryID,
                  SubCategory.SubCategoryName,
                  SubCategory.SubCategoryURL,
                  SubCategory.CategoryID
                FROM
                  SubCategory
                WHERE
                  CategoryID = $CategoryID
                ORDER BY
                  SubCategoryName";
                  // echo "<pre>$strSql</pre>";
                  $r2 = $db->select($strSql2);
                  while ($row2=$db->get_row($r2, 'MYSQL_ASSOC')) {
                      $SubCategoryID = $row2['SubCategoryID'];
                      $SubCategoryName = $row2['SubCategoryName'];
                      $SubCategoryURL = $row2['SubCategoryURL'];
                  ?>    
                  <li><a href="/<?=$colour?>/<?=$CategoryURL?>/<?=$SubCategoryURL?>/"><?=$SubCategoryName?> (<?=$rowcount?>)</a></li>
                  <?
                  $rowcount++;
                  if ($rowcount == 35) { echo"</ul></div><div style=\"float:left; width: 232px;\"><ul>"; $rowcount = 0;} 
                  } // end get SubCategory
                  ?>
               <? if ($rowcount == 0) { echo""; } else {echo"</ul>";} ?>
               </div>       
         <? } // end get category list
?>     
        </ul> <!-- END CATEGORY UL -->
  </div>
</div>
4

1 に答える 1

1

別の方法として、表ベースのレイアウトを使用することもできますが、この場合はそれほど悪くないと思います。テーブルは表形式のデータ用であり、カタログ カテゴリが適切に適合します。編集：しかし、これを機能させるには、PHPロジックを理解する必要があります。私の側でダープ。

別の方法として、このトリックを自動的に実行するColumnizer jQuery プラグインがありますが、私はレイアウト要素のために JavaScript 駆動のソリューションに頼らなければならないのは好きではありません。Modernizr を介して CSS3 メソッドをサポートしていないブラウザーでのみトリガーできますが。まだこれの大ファンではありません。

あなたが使用した CSS3 を他のブラウザで動作するように投稿できますか? おそらく、このトリックを実行する利用可能な回避策があります。最終結果の詳細については、まだ少しあいまいです。私はあなたの問題の CSS の側面に焦点を当てており、PHP にはあまり焦点を当てていません。機能する CSS 主導のソリューションを見つけることは、それに応じてカテゴリを列に分割するロジックを理解しようとするよりも明らかにはるかに簡単です。

于 2012-07-17T21:31:53.493 に答える