I'm facing an issue with my markup that occurs when I resize the browser window.
Below is the ASP.NET code snippet:
<asp:Panel ID="PanelGrid" runat="server" CssClass="frame">
<fieldset class="fs">
<legend>
<asp:Label ID="Label" runat="server" Text="LALALA"></asp:Label>
</legend>
</fieldset>
</asp:Panel>
The issue is that the border appears outside of the Panel element.
If I remove the <fieldset> tags, the result looks like this:
<asp:Panel ID="PanelGrid" runat="server" CssClass="frame">
<legend>
<asp:Label ID="Label" runat="server" Text="LALALA"></asp:Label>
</legend>
</asp:Panel>
How should I adjust the CSS class ("fs") to work with the <fieldset> tag?
Thanks in advance!
P.S. Here is my CSS class code:
.frame {
margin: 1px;
padding: 3px;
border: 1px solid Navy;
background-color: White;
font-size: 9pt;
box-shadow: 0 0 5px 1px #1A3457;
-webkit-box-shadow: 0 0 5px 1px #1A3457;
-moz-box-shadow: 0 0 5px 1px #1A3457;
border-radius: 5px;
}