Changeset 21253 for branches/version-2_11-dev/html/user_data/packages/default/css/bloc.css

Timestamp:

2011/09/24 18:32:09 (13 years ago)

Author:

Seasoft

Message:

#1481 (おすすめ商品ブロックの改善)

File:

• branches/version-2_11-dev/html/user_data/packages/default/css/bloc.css (modified) (5 diffs)

branches/version-2_11-dev/html/user_data/packages/default/css/bloc.css

@@ -361 +361 @@
     padding: 10px 0 10px;
     border: none;
-    width: 100%;
     background: url("../img/background/line_dot_01.gif") repeat-x bottom;
 }
@@ -372 +371 @@
 #recommend_area .bloc_body img ,
 #whobought .whobought_bloc img {
-    display: block;
-    float: left;
     margin: 0 5px 0 0;
 }
@@ -383 +380 @@
 }
 
+/* サイドカラム用 */
+.side_column #recommend_area .product_item {
+    margin-bottom: 10px;
+}
+
 
 /* 画像
 ----------------------------------------------- */
-#recommend_area .bloc_body .productImage ,
+/* メインカラム用 */
+.main_column #recommend_area .bloc_body .productImage,
 #whobought_area .whobought_bloc .productImage {
     margin-bottom: 10px;
@@ -392 +395 @@
     width: 90px;
 }
+/* サイドカラム用 */
+.side_column #recommend_area .bloc_body .productImage {
+    float: none;
+    text-align: center;
+    width: auto;
+}
 
 
 /* 左右の振り分け
 ----------------------------------------------- */
-#one_maincolumn #recommend_area .recommendleft ,
-#two_maincolumn_right #recommend_area .recommendleft ,
-#two_maincolumn_left #recommend_area .recommendleft ,
-#three_maincolumn #recommend_area .recommendleft ,
+.main_column #recommend_area .product_item,
 #whobought_area .whobought_bloc .whobought_left {
     float: left;
     width: 47.5%;
 }
-#one_maincolumn #recommend_area .recommendright ,
-#two_maincolumn_right #recommend_area .recommendright ,
-#two_maincolumn_left #recommend_area .recommendright ,
-#three_maincolumn #recommend_area .recommendright ,
 #whobought_area .whobought_bloc .whobought_right {
     float: right;
@@ -438 +440 @@
 }
 
-/* サイドカラム用 (幅px固定) */
-.side_column #recommend_area .bloc_body {
-    margin-top: 5px;
-    margin-right: 0;
-    width: 157px;
-    padding: 0;
-}
+/* サイドカラム用 */
 .side_column #recommend_area .bloc_body .productContents {
-    padding: 0;
-    margin: 0;
-    width: 80px;
-}
-.side_column #recommend_area .recommendleft {
-    padding: 0;
-    width: 70px;
-    float: left;
-}
-.side_column #recommend_area .recommendright {
-    margin: 0;
-    padding: 0;
-    width: 70px;
-    float: right;
-}
-
-/* IE6以下*/
-* html .side_column #recommend_area .bloc_body {
-    width: 180px;
-}
-
+    clear: both;
+}