如何設置網站的最大寬度並使其可滾動

我在我的web應用程序中包含3個並排顯示文本框的頁面，因爲它們都顯示重要信息。但是，如果我是降低我的瀏覽器的大小，我的Twitter的引導導航欄和我的幻燈片標題將跟隨瀏覽器的大小，並在我的代碼如何設置網站的最大寬度並使其可滾動

<div id="Slideshow"> 
<img src="image/s1.jpg" name="slide" style="width:100%; height:150%"> 
<script type="text/javascript"> 
<!-- 
var step = 1 
function slideit() { 
    document.images.slide.src = eval("image" + step + ".src") 
    if (step < 5) 
     step++ 
    else 
     step = 1 
    setTimeout("slideit()", 2500) 
} 
slideit() 
//--> 
</script> 
</div> 

<div id="twitterbootstrap"> 
<div class="navbar navbar-inverse navbar-fixed-top"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="#">iPolice's Menu</a> 
     <div class="nav-collapse"> 
      <ul class="nav"> 
       <li class="divider-vertical"></li> 
       <li><a href="AdminAddAccount.aspx">AddAccount</a></li> 
       <li class="divider-vertical"></li> 
       <li><a href="AdminDropAccount.aspx">Drop Account</a></li> 
       <li class="divider-vertical"></li> 
       <li><a href="AdminEditProfile.aspx">Edit Account</a></li> 
       <li class="divider-vertical"></li> 
       <li><a href="AdminColdStorage.aspx">Cold Account</a></li> 
       <li class="divider-vertical"></li> 
       <li><a href="AdminReportCheck.aspx">Report Check</a></li> 
       <li class="divider-vertical"></li> 
       <li><a href="AdminLogout.aspx">Logout</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 
</div> 
</div>

提到正如你可以看到設置我的幻燈片適合100％寬度：100％。但是作爲我的表格和文本框，這是怎麼回事

<table width="100%"> 
     <tr> 

      <td id="admintaskdetail"> 
       <b>Details </b> 
       <asp:TextBox ID="tbdetails" runat="server" Height="120px" TextMode="MultiLine" Width="400px" ReadOnly="True"></asp:TextBox> 
      </td> 

      <td id="admintaskpropertydetail"> 
       <b>Property Details:</b> 
       <asp:TextBox ID="tbproperty" runat="server" Height="120px" TextMode="MultiLine" Width="400px" ReadOnly="True"></asp:TextBox> 
      </td> 



      <td id="admintasksuspectdetail"> 
       <b>Suspect Details:</b> 
       <asp:TextBox ID="tbsuspect" runat="server" Height="120px" TextMode="MultiLine" Width="400px" ReadOnly="True"></asp:TextBox> 
      </td> 


     </tr> 
    </table>

不幸的是，這是怎麼了我的網站看看。我的導航欄和幻燈片顯示的寬度完全相同。

enter image description here

爲了克服這一點，我想總結我的導航欄，標題和一個ID叫包裝和這樣的代碼下的內容沒有工作，要麼

#wrapper { 
width:80%; 
overflow:scroll; 
margin: 0 auto; 
}

我好知道正確的方式如何爲我的網站設置最大寬度，然後使溢出部分在最大寬度後滾動？我希望能夠讓我的導航欄和twitterbootstrap導航欄在特定寬度之後停止跟隨瀏覽器，並將它們封裝在包裝器標識符中，這也不起作用。

問候。

一直在嘗試幾天，仍然沒有得到它。

來源

2013-08-27 Teo Chuen Wei Bryan

面板控制您可以將文本框跨度4的引導排內，讓那些自動對齊到你的屏幕尺寸..是笏UR找？我猜固定400px寬度導致問題 –

您可以使用帶有滾動條

<asp:Panel ID="Panel1" runat="server" Width="100%" ScrollBars="Both"> 

<table width="100%"> 
    <tr> 

     <td id="admintaskdetail"> 
      <b>Details </b> 
      <asp:TextBox ID="tbdetails" runat="server" Height="120px" TextMode="MultiLine" Width="400px" ReadOnly="True"></asp:TextBox> 
     </td> 
     <td id="admintaskpropertydetail"> 
      <b>Property Details:</b> 
      <asp:TextBox ID="tbproperty" runat="server" Height="120px" TextMode="MultiLine" Width="400px" ReadOnly="True"></asp:TextBox> 
     </td> 
     <td id="admintasksuspectdetail"> 
      <b>Suspect Details:</b> 
      <asp:TextBox ID="tbsuspect" runat="server" Height="120px" TextMode="MultiLine" Width="400px" ReadOnly="True"></asp:TextBox> 
     </td> 
    </tr> 
</table> 
</asp:Panel>

來源

2013-08-27 01:45:33

，因爲我有一個updatepanel和一個scriptmanager。我是否在面板控制下封裝了我的updatepanel和scriptmanager並設置了寬度？ –

將面板放入UpdatePanel。 –

然後將其他放入面板 –

如何設置網站的最大寬度並使其可滾動

回答

相關問題