2013-10-09 84 views
0

我的側邊欄與woocommerce一起工作,位於我的內容div下。當我把內容div縮小到710px並嘗試浮動時:右邊欄...它不想正確地浮動。WordPress內容位於內容下 - CSS

SUBJECT SITE

任何幫助,將不勝感激。

# SIDEBAR 

*************************************************************************/ 

#sidebar{ 

position:relative; 

z-index:10; 

width:270px; 
display:; 

} 

#sidebar, 

#sidebar a, 

#sidebar li, 

#sidebar ul, 

#sidebar ol{ 

    color:#787878; 

    font-size:12px; 
display:; 

} 

#sidebar a:hover{ 

} 

#sidebar ul{ 

    list-style:none; 

    padding:0; 

    margin:0; 

} 

    #sidebar ul li.widget{ 

     margin:0 0 0px 0; 

     border:1px solid #fff; 

     background: #e6e6e6; 

    } 

    #sidebar ul li.widget h2{ 

     font-size:18px; 

     padding:13px 18px; 

     color:#45494e; 

     font-style:normal; 

     border:1px solid #cecece; 

     border-bottom:1px solid #fff; 

    } 

     #sidebar ul li ul{ 

      border:1px solid #cecece; 

      border-bottom:none; 

     } 

      #sidebar ul li ul li{ 

       border-bottom:1px solid #cecece; 

       padding: 10px 18px; 

      } 

      #sidebar ul li ul li:hover{ 

       border-bottom:1px solid #cecece; 

       padding: 10px 18px; 

       background:#eee; 

      } 

       #sidebar ul li ul li ul{ 

        padding:0 0 0 15px; 

        border:none; 

       } 

        #sidebar ul li ul li ul li{ 

         border-bottom:none; 

         } 

      /* TEXT WIDGET */ 

      #sidebar ul li div.textwidget{ 

       padding: 10px 18px; 

       line-height:1.4em; 

       border:1px solid #cecece; 

      } 

      /* TAG CLOUD */ 

      #sidebar ul li.widget_tag_cloud div{ 

       padding: 10px 18px; 

       border:1px solid #cecece; 

      } 

       #sidebar ul li.widget_tag_cloud div a{ 

        margin:0 10px 0 0; 

       } 

      /* CALENDAR */ 

      #sidebar ul li.widget_calendar{ 

       border:1px solid #fff; 

      } 

       #sidebar ul li.widget_calendar #calendar_wrap table#wp-calendar{ 

        padding: 10px 18px; 

        width:100%; 

        border:1px solid #cecece; 

        border-top:none; 

       } 

        #sidebar ul li.widget_calendar #calendar_wrap table#wp-calendar a{ 

         text-decoration: underline; 

        } 

        #sidebar ul li.widget_calendar #calendar_wrap table#wp-calendar caption{ 

         padding: 5px 18px 0 18px; 

         border:1px solid #cecece; 

         border-bottom:none; 

        } 

        #sidebar ul li.widget_calendar #calendar_wrap table#wp-calendar tr td#next{ 

        text-align:right; 

        } 

/************************************************************************ 

# SIDEBAR END 

回答

0

你有兩個div與id="container"這意味着什麼,你傳遞給#container在你的CSS將只適用於第一個。所以你應該拿這個div #wrapper-containter #wrapper #container改變它的ID,然後將寬度應用到它,然後浮動任何你需要的東西。