Home/ Questions/Q 8271973
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T06:59:12+00:00

I need to center align a panel. I use the following: <%@ Page Language=C#

  • 0

I need to center align a panel. I use the following:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestDefault.aspx.cs" Inherits="tregware.TestDefault" %>

<!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 runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:Panel ID="Root" runat="server" BackColor="Red"  HorizontalAlign="Center" Style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0;">


<asp:Panel ID="Body" runat="server" BackColor="Blue" 
    Style="left: 0px; top: 24px;width: 800px; height: 100%; position: absolute; z-index: 0;" 
    HorizontalAlign="Center">
</asp:Panel>

</asp:Panel>
</form>
</body>
</html>

However the panel (“Body”) will not center. How would I do so?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’ve set position: absolute, so a lot of the regular methods you would use to center elements probably won’t work.

    Since you’ve set a fixed width of 800px, you could use:

    Style="left: 50%; margin-left: -400px; ..."
    • 0