A Calendar control is used in a page based on a master page. In any web brower, the Calendar does not show the Title and the Next/Previous Month in right poistion after I define a css for the Calendar - they are extended from the Calendar to the right edge of the browing window, and not on the top of Calendar. But if I don't define it's position in the css, the Calendar works fine.
The code of the page is
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style type="text/css">
.newStyle1
{
position: absolute;
top: 100px;
left: 100px;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:Calendar ID="Calendar1" runat="server" CssClass="newStyle1">
<NextPrevStyle HorizontalAlign="Center" />
<TitleStyle HorizontalAlign="Center"
VerticalAlign="Top" />
</asp:Calendar>
<p>
</p>
</asp:Content>
The code of the mater page is:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!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>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
I don't know what happended to the Calendar. Could any one give me some help?