2009-11-09 5 views
0

내가 스타일 시트를 사용하는 마스터 페이지가 작동하지 않습니다와 내가 페이지를 아래로 복원 할 때 가로 스크롤 막대가 표시되지 않습니다.수직 및 수평 스크롤</p> <p>내 문제는 내 수직 스크롤이 작동하지 않는다는 것입니다 ..

body 
{ 
    font-family: arial, verdana, helvetica, sans-serif; 
    font-size: 12px; 
    cursor: default; 
    background-color: #FFFFFF; 
    width: 100%; 
    height: 100%; 
} 
* 
{ 
    margin: 0px 0px 0px 1px; 
    padding: 0px; 
    text-align: left; 

} 
html 
{ 
    height: 100%; 
    margin-bottom: 1px; 

} 
#container 
{ 
    width: 80%; 
    margin-right: auto; 
    margin-left: auto; 
    text-align: left; 
    background-color: #FFFFFF; 
    height: 595px; 

} 
#header { 
    width:100%; 
    padding-top:15px; 
    height: 121px; 
} 
.spacer { 
    width:100%; 
    height:15px; 
} 
hr { 
    border-style: none; 
    border-color: inherit; 
    border-width: 0px; 
    color:Black; 
     background-color:#CDCDCD; 
    height: 0px; 
     width: 100%; 
     text-align: left; 
} 
h1 { 
    font-size:28px; 
    color:white; 
    background-color: #4F81BD; 
    font-family:Arial, Verdana, Helvetica, sans-serif; 
    font-weight:300; 
} 
h2 { 
    font-size:15px; 
    color:Black; 
    font-family:Arial, Verdana, Helvetica, sans-serif; 
    font-weight:300; 
    background-color:#FFFFFF; 
} 
h3 { 
    color:Black; 
    font-size:15px; 
    text-align:left; 
    font-weight:300; 
    padding:5px; 
    margin-top:5px; 
} 

#left { 
    float:left; 
    width:250px; 
    background-color:#FFFFFF; 
    color:black; 
    height: 417px; 
} 

#main 
{ 
    margin: 1px 5px 5px 260px; 
    border-left: 1px solid silver; 
    height: 409px; 
    padding-right: 3px; 
    padding-bottom: 3px; 
    padding-left: 3px; 
} 
p { 
    color:black; 
    background-color:#FFFFFF; 
    line-height:20px; 
    padding:5px; 
} 
a { 
    color:Blue; 
    text-decoration:none; 
} 
a:hover { 
    color:#cc0000; 

    text-decoration:underline; 
} 
#footer { 
    clear:both; 
    font-size:12px; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
} 
.right { 
    color:gray; 
    background-color:#FFFFFF; 
    float:right; 
    font-size:100%; 
    margin-top:5px; 
} 
.left { 
    color:gray; 
    background-color:#FFFFFF; 
    float:left; 
    font-size:100%; 
    margin-top:5px; 
} 

나는 물건 아무것도하지만, 많이 시도 .. 여기

는 ..

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
    <title>test</title> 
    <meta name="generator" content="HTML Tidy for Linux/x86 (vers 1 September 2005), see www.w3.org" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /> 
<link href="NewFolder1/style.css" rel="stylesheet" type="text/css" /> 

    <style type="text/css"> 
     .style1 
     { 
      font-size: medium; 
      font-weight: bold; 
     } 
     .style2 
     { 
      text-align: left; 
     } 
    </style> 

</head> 
<body bgcolor="#6794cb" > 
<form id="form2" runat="server" 
style="background-color: #6794CB;padding-bottom:1%; padding-top: 2%; width:100%; height:100%;"> 
    <div id="container" style="visibility: visible;"> 
    <div id="header"> 
     <div class="style2"> 
      &nbsp;&nbsp;&nbsp; 
     <asp:TextBox ID="TextBox1" runat="server" BorderColor="#000099" BorderWidth="2px"></asp:TextBox> 
      &nbsp; 
     <asp:Button ID="Button1" runat="server" Text="Search" BackColor="#ADC6C9" 
       BorderColor="#CCCCCC" BorderStyle="Outset" /> 
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
     <asp:HyperLink ID="HyperLink1" runat="server">corp\tbruschi</asp:HyperLink> 
      &nbsp; 
     <asp:HyperLink ID="HyperLink2" runat="server">Settings</asp:HyperLink> 
      &nbsp; 
     <asp:HyperLink ID="HyperLink3" runat="server">Help</asp:HyperLink> 
      &nbsp; 
     <asp:HyperLink ID="HyperLink4" runat="server">LogOff</asp:HyperLink> 
     <br /> 
     <br /> 
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; 
     <span class="style1"><br /> 
      </span><br /> 
      <asp:Panel ID="Panel1" runat="server" Width="100%"> 
       <hr style="padding: 1px; background-color: #000000" /> 
      </asp:Panel> 
     <br /> 
     </div> 
     </div> 
    <!-- end header --> 
    <div id="left"> 

     <asp:Panel ID="Panel3" runat="server" Height="100%" ScrollBars="Auto" 
        Width="100%"> 

    <p> 
      &nbsp;</p> 

     <br /> 
     <asp:TreeView ID="TreeView2" runat="server" OnUnload="TreeViewMain_Unload" 
      ontreenodepopulate="TreeView2_TreeNodePopulate" 
      onselectednodechanged="TreeView2_SelectedNodeChanged"> 
      <Nodes> 
       <asp:TreeNode PopulateOnDemand="True" Text="Machine Groups" 
        Value="Machine Groups"></asp:TreeNode> 
      </Nodes> 
     </asp:TreeView> 
     <br /> 
     <asp:TreeView ID="TreeView3" runat="server" OnUnload="TreeView3_Unload" 
      ontreenodepopulate="TreeView3_TreeNodePopulate" 
      onselectednodechanged="TreeView3_SelectedNodeChanged"> 
      <Nodes> 
       <asp:TreeNode PopulateOnDemand="True" Text="Policies" 
        Value="Policies"></asp:TreeNode> 
      </Nodes> 
     </asp:TreeView> 
      <br /> 
     </asp:Panel> 
     </div> 
    <div id="content-wrapper"> 
     <div id="content-inner"> 

     <!-- end left division --> 

     <div id="main"> 
      <asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server"> 

     </asp:ContentPlaceHolder> 
     </div> 
    </div> 
    </div> <!-- end footer --> 
    </div> 

    </form> 


</body> 

</html> 

**

내에서 .aspx 코드 그리고 여기 내 CSS 파일의 코드는 작동하는 것 같습니다 ... 어떤 사람이 내 모습을보고 올바른 방향으로 인도 할 수 있다면 좋을 것입니다 ..

감사합니다

브라우저 창이 좁아 도착 페이지의 내용을 복원

는 ..

이 내가 수행하는 방법을 잘 모릅니다 .. 고정 신체 또는 주에있는 콘텐츠를 계속해야 의미 그 어떤 도움이 .. ??? 당신의 CSS 클래스에서

+0

"오버플로 : 자동;"을 추가합니까? CSS의 #main 섹션에 차이가 있습니까? – keyboardP

+0

아니요 ... – user175084

답변

1

정의, 당신은

위치를 제거하는 경우 : 고정;

그러면 스크롤 막대가 나타납니다.

+0

예 스크롤바가 작동하는 것처럼 보였지만 브라우저 창을 복원하면 페이지의 모든 콘텐츠가 엉망이되었습니다 ... 제발 도와주세요 ... 감사합니다 – user175084

+0

브라우저를 "복원"하고 페이지를 "비좁게"한다는 것이 무슨 뜻인지 확신 할 수 없습니까? –

+0

아래로 복원하는 버튼은 브라우저 오른쪽 버튼의 오른쪽 하단에있는 버튼입니다. – user175084

관련 문제