0
아마 여기 아주 쉬운 것이지만 어디서나 해결책을 찾을 수 없습니다. 나는 탭 컨테이너 안에 앉아있는 패널을 가지고있다. 패널의 테두리는 패널의 전체 너비를 확장하지만 패널의 전체 높이 대신 5px 정도만 내려갑니다. 패널의 전체 영역을 둘러싸 기 위해 경계를 얻으려면 어떻게해야합니까?패널 테두리가 패널의 전체 높이까지 확장되지 않습니다.
<style type="text/css">
body
{
background-color: #232323;
font-family: knowledge;
}
.MyListBoxStyle
{
color: #D4D4D4;
background-color: #232323;
border-style: solid;
border-width: 2px;
border-color: #000000;
}
.MyInputTextBoxStyle
{
color: #D4D4D4;
background-color: #232323;
border: solid 2px #000000;
}
.MyDisplayTextBoxStyle
{
color: #D4D4D4;
background-color:transparent;
border: 0px solid;
}
.MyTabStyle .ajax__tab_header
{
display: block;
}
.MyTabStyle .ajax__tab_tab
{
color: #FF9900;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
color: #D4D4D4;
padding-left: 10px;
margin-right: 3px;
border:solid 2px #000000;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
border-color: #666;
color: #666;
padding: 3px 10px 2px 0px;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
background-color:#525252;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
color: #FFF;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
font-family: Knowledge Bold;
background-color: #525252;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
font-family: Knowledge Bold;
color: #000;
border-color: #333;
}
.MyTabStyle .ajax__tab_body
{
font-family: Knowledge Regular;
font-size: 10pt;
color: #D4D4D4;
background-color: #525252;
border-top-width: 0;
border: solid 2px #000000;
border-top-color: #000000;
}
</style>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:Image ID="imgTRLogo" runat="server" style="z-index: 1; top: -275px; left: 615px; position: relative;"
ImageUrl="~/Images/TR_Logo.png"/>
<ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
<p>
<asp:Label ID="lblHeader" runat="server" Font-Bold="True"
style="z-index: 1; left: 10px; top: 22px; position: absolute; width: 1009px; margin-top: 0px; font-family: 'Knowledge Bold'; color: #FF9900; font-size: large;"
Text="TRMA MIGRATION ORDER FORM GENERATOR">
</asp:Label>
</p>
<ajaxToolkit:TabContainer ID="tabMainContainer" runat="server" ActiveTabIndex="1"
Height="700px" style="z-index: 1; left: 10px; top: 100px; position: absolute; font-family: 'Knowledge Regular'; color: #000000;"
Width="1180px" cssclass="MyTabStyle">
<ajaxToolkit:TabPanel runat="server" HeaderText="Build New Order Form" ID="tbnAcctData" TabIndex="0">
<ContentTemplate>
<asp:Panel ID="pnlSelAccounts" runat="server" GroupingText="Selected Accounts" style="z-index: 1; left: 50px; top: 20px; position: absolute; height: 505px; width: 500px">
<asp:TextBox ID="txtSearchAcctNo" runat="server" CssClass="MyInputTextBoxStyle"
style="z-index: 1; left: 156px; top: 20px; position: absolute">
</asp:TextBox>
<asp:Label ID="lblSearchAcctNo" runat="server"
style="z-index: 1; left: 22px; top: 20px; position: absolute; height: 13px; width: 128px"
Text="Account Number:">
</asp:Label>
<asp:Label ID="lblChildAccts" runat="server"
style="z-index: 1; left: 20px; top: 55px; position: absolute"
Text="Child Accounts">
</asp:Label>
<asp:Label ID="lblLEAccts" runat="server"
style="z-index: 1; left: 150px; top: 55px; position: absolute; height: 13px; width: 128px"
Text="Legal Entities">
</asp:Label>
<asp:Button ID="btnSearchAccts" runat="server"
style="z-index: 1; left: 316px; top: 20px; position: absolute" Text="Search" />
<asp:ListBox ID="lstSubAccounts" runat="server" CssClass="MyListBoxStyle"
style="z-index: 1; left: 20px; top: 70px; position: absolute; width: 125px; height: 150px;">
</asp:ListBox>
<asp:ListBox ID="lstLEAccts" runat="server" CssClass="MyListBoxStyle"
style="z-index: 1; left: 150px; top: 70px; position: absolute; width: 125px; height: 150px;" AutoPostBack="True">
</asp:ListBox>
</asp:Panel>
<asp:Panel ID="pnlLEAddress" runat="server" GroupingText="Legal Entity Address" style="z-index: 1; left: 50px; top: 230px; position: absolute; height: 50px; width: 100px">
<asp:TextBox ID="txtLEName" runat="server" CssClass="MyDisplayTextBoxStyle"
style="z-index: 1; left: 20px; top: 10px; position: absolute">
</asp:TextBox>
<asp:TextBox ID="txtLEStreet" runat="server" CssClass="MyDisplayTextBoxStyle"
style="z-index: 1; left: 20px; top: 40px; position: absolute">
</asp:TextBox>
<asp:TextBox ID="txtLECityStateZip" runat="server" CssClass="MyDisplayTextBoxStyle"
style="z-index: 1; left: 20px; top: 70px; position: absolute">
</asp:TextBox>
<asp:TextBox ID="txtLECountry" runat="server" CssClass="MyDisplayTextBoxStyle"
style="z-index: 1; left: 20px; top: 100px; position: absolute">
</asp:TextBox>
</asp:Panel>
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
</form>
</body>
관련 마크 업 코드뿐만 아니라 스타일을 게시하시기 바랍니다. –