2013-01-03 76 views
0

當我調整瀏覽器窗口中特定的div熄滅主容器 如何解決這個問題DIV出容器的瀏覽器調整

http://jsfiddle.net/48y2Q/1 http://jsfiddle.net/48y2Q/1/embedded /結果/

 <section id="main" style="background-color: #646464; padding: 0px;"> 
      <div class="inner clearfix" style="background-color: white;"> 
       <span style="color: #06546a; font-weight: bold; font-size: 14px; background-color: white;">Defie Cloud Buisness Solutions</span>helps companies of all sizes to enhance business operation, to refine the process and optimize technology, to reduce company expenses on IT maintenance, Hardware upgrade. And more importantly, to change the way buisness operate. 
       <div id="primary"> 
       <section class="primary"> 
        <ul style="width: 800px;"> 
         <li style="padding-bottom: 5px; list-style: none; font-size: 14px;"> 
         <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://www.defie.co/designerImages/square_list.png"> 
          All-in-One Business Management Solutions 
         </li> 
         <li style="padding-bottom: 5px; list-style: none; font-size: 14px;"> 
         <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://www.defie.co/designerImages/square_list.png"> 
         Cloud-based File Management 
         </li> 
         <li style="padding-bottom: 5px; list-style: none; font-size: 14px;"> 
         <img alt="squareList" style="margin-right: 10px;" id="logo" src="http://www.defie.co/designerImages/square_list.png"> 
         Real-Time Access from any where, any time and on any devices 
         </li> 
        </ul> 
       </section> 
       </div> 
      </div> 
     </section> 
     </div> 
     </div> 
+0

請在這裏發佈相關CSS太 –

+0

我想你分配一個默認的寬度,以該分區。而不是硬編碼一個特定的值,使用百分比。 –

+0

您的固定寬度爲'ul-800px'。 –

回答

1

問題是由2個獨立的地方來了:

//Reduce width from 100% (line 815, bootstrap) because you need left margin so this can't be 100%. 
.row-fluid { 
    width: 90%; 
} 

也減少100px的

<div class="row-fluid marketing" style="margin-top: 27px; margin-bottom: 0px; margin-left: 100px;"> 

利潤率左到

<div class="row-fluid marketing" style="margin-top: 27px; margin-bottom: 0px; margin-left: 20px;"> 
+0

感謝您的回覆....可以在小提琴更新http://jsfiddle.net/48y2Q/1 –

+0

我沒有訪問您的CSS文件。 –

+0

@gurpeet singh:現在你可以訪問我的cs文件http://jsfiddle.net/48y2Q/5/ –