I have a celendar control on my web form, and it works just fine. However I decided I wanted to have it open in an absolute position using CSS, so I created a class just like this:

 .StartCalendarPosition
{
    position: absolute;
    top: 170px;
    left: 250px;
    width: 200px;
    height: 180px;
}



When I click the calendar to open it - it opens exactly where I want it BUT the title did NOT move with it...? In Firefox the "June 2008" is at the right height but spread out through the entire page. In IE7 it is even worse, it is half way down the page and all spaced out.

I tried using the same class for the TitleStyle property, but that did nothing at all.

Why is this happening???

Bring it up in the browser and then VIEW the HTML SOURCE ("Page Source" in FF).

What do you see for the HTML for the control??

If you can't figure out the needed <STYLE> from that, post the HTML here?

It all looks right in the HTML, in fact if I copy and paste it into a new HTML page it looks fine, but not the case in the original aspx page.

Let me ask you this... (as this would solve my problem)

Right now I have 2 calendar controls on my page for a start date and end date. The reason I wanted to use absolute positioning was because in the event a user clicks both the start and end calendar icon before selecting a date it totally messes up the page format. How can I use just one calendar control for both ImageButtons, and in the click even populate the appropriate text box depending on which calendar icon was clicked?

Make any sense?

Right now I simply just have the calendars hidden, when the button is clicked it unhides and the selection is filled. Here is the code:

Protected Sub imgbtn_cal1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles imgbtn_cal1.Click
        imgbtn_cal1.Visible = False
        txt_StartDate.Visible = False
        cal_start.Visible = True
    End Sub

Protected Sub cal_start_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles cal_start.SelectionChanged
        imgbtn_cal1.Visible = True
        txt_StartDate.Visible = True
        txt_StartDate.Text = cal_start.SelectedDate
        cal_start.Visible = False
    End Sub

I have those functions again in my code behind for calendar 2. So it just a matter of checking the visibility to determine which text box to fill?

Sorry, you've lost me.

How can the page appearance change when you simply copy the source HTML to a file and then display that file???? HTML is HTML is HTML. The browser has no idea whether the HTML is coming from an ".html" page, an ".aspx", an ".asp" page, a ".jsp" page, a ".php" page, etc.

If, perhaps, when you copy the HTML and try to show it in the browser, you are not getting all the ".js" files or ".css" files that are used in the ".aspx" page, then it would make sense, of course. So try to make the .html version use all the same other external files, to make the experience completely the same.

The code you show makes me immediately suspicious that this is exactly where the problem lies, because you are changing the visibilty state of 3 separate things when the button is clicked:
        imgbtn_cal1.Visible = False
        txt_StartDate.Visible = False
        cal_start.Visible = True

If the styles of those three things are similarly separated, then wouldn't you need to coordinate there style changes, as well???

And if it's not obvious, you need to capture the HTML when the page is in it's distorted form, not in the good form.

I simply meant that copying only the html table for the calendar that got rendered into an html doc was formatted correctly in the display but when viewed in the browser was incorrect. Sorry for the confusing, i tend to ramble.

I got it work by making two different DIV tags, one style for the title and one for the calendar body. When I move them around using CSS positioning they work fine.

I have no idea why two different DIV's would have a different effect than just using one of them for the entire control, but I guess since it is working I will just keep it. I am just the type that cant stand sitting pat when I KNOW it should work the other way! ;)

Thanks for your help though - I always appreciate peoples response...