C#/ASP.NET: Panel border does not paint...

**DrBunchman** · May 27 '08, 10:33 AM

I've not seen this particular problem before but it would probably be helpful to see the mark-up that this code generates. Take a look at the html source, find the appropriate part (your asp:Panel will have been turned into a div) and see what style settings it has.

Dr B

**ShadowLocke** · May 28 '08, 04:54 PM

Originally posted by DrBunchman

I've not seen this particular problem before but it would probably be helpful to see the mark-up that this code generates. Take a look at the html source, find the appropriate part (your asp:Panel will have been turned into a div) and see what style settings it has.

Dr B

It seemed to be correct..I even took at the ASP code and put the HTML div in myself.

this is what was being generated for each Panel:
[HTML]<div id="div1" style="left: 27px; position: absolute; top: 163px; width: 335px; height: 185px; z-index: 101; border-style: Double">
...
</div>[/HTML]

I stripped the page of javascript, and an include virtual which was my header and it still does it!
Heres the stripped page (also, i took out the panels and changed border-style to just border):

[HTML]<%@ Page Language="C#" AutoEventWireup ="true" CodeFile="Repor ts.aspx.cs" Inherits="Repor ts" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Report s</title>
</head>
<body scroll="yes" bgcolor="#f3f8f f">
<form id="form1" runat="server">

<asp:Button ID="btn_back" runat="server" Height="27px" OnClick="btn_ba ck_Click" Style="z-index: 100; left: 207px; position: absolute; top: 46px" Text="Home" Width="78px" />

<div id="div1" style="left: 27px; position: absolute; top: 163px; width: 335px; height: 185px; z-index: 101; border: double">
<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Names="Microsof t Sans Serif" Height="20px" Style="left: 3px; position: absolute; top: 8px; text-align: center;" Text="Candidate s by specialty" Width="330px" />

<select id="sel_special ty" runat="server" style="position : absolute; left: 62px; width: 212px; top: 33px;">
</select>

<input type="button" id="btn_special ty_report" runat="server" value="Show All" style="left: 84px; position: absolute; top: 68px; width: 169px; height: 24px;" onclick="return Excel_Export('S PEC', document.getEle mentById('sel_s pecialty').valu e)" />
<input type="button" id="btn_a_by_sp ec" runat="server" value="Show A candidates" style="left: 84px; position: absolute; top: 105px; width: 169px; height: 24px;" onclick="return Excel_Export('A SPEC', document.getEle mentById('sel_s pecialty').valu e)" />
<input type="button" id="btn_b_by_sp ec" runat="server" value="Show B candidates" style="left: 84px; position: absolute; top: 143px; width: 169px; height: 24px;" onclick="return Excel_Export('B SPEC', document.getEle mentById('sel_s pecialty').valu e)" />
</div>

<div id="div2" style="left: 393px; position: absolute; top: 163px; width: 335px; height: 185px; z-index: 104; border: double">
<asp:Label ID="Label4" runat="server" Font-Bold="True" Font-Names="Microsof t Sans Serif" Height="20px" Style="left: 2px; position: absolute; top: 8px; text-align: center;" Text="Pending Actions" Width="331px" />

<input type="button" id="btn_pss" runat="server" value="Pending PSS" style="left: 83px; position: absolute; top: 68px; width: 169px; height: 24px;" onclick="return Excel_Export('P SS', '')" />
<input type="button" id="btn_late" runat="server" value="Overdue response" style="left: 83px; position: absolute; top: 105px; text-align: center; width: 169px; height: 24px;" onclick="return Excel_Export('E NA', '')" />
</div>

<iframe id="ifr_downloa d" style="visibili ty: hidden; width: 46px; height: 40px; position: absolute; top: 409px; left: 17px; z-index: 103;">
</iframe>

</form>
</body>
</html>[/HTML]

I also stripped the code behind file down to nothing.

What I have done to fix this issue is put a second div inside of the first with border: double and it works good enough for me. But please, by all means have a crack at it. If you see whats wrong let me know!

**jrusso1202** · Dec 11 '09, 03:03 PM

Here's how to fix this properly:

fieldset{
padding: 0.2em 0.5em;
border:1px solid green;
color:green;
font-size:90%;
text-align:right;
}

Put this code into your css file, or the css markup on the page.

C#/ASP.NET: Panel border does not paint...

C#/ASP.NET: Panel border does not paint...

Comment

Comment

Comment