alignment problem on submit in asp.net

Please see the difference between following 2 images.
These are the screenshots of my webpage. (designed in asp.net)
As shown in the images, after clicking the Send button on the webpage changes the alignment completely. Everything gets shifted towards left.

I have used a .css file for sytling.

Could someone please suggest something?

 original look of a webpage


 changed look of a webpage on form submit
Tina_BholeAsked:
Who is Participating?
 
Tina_BholeConnect With a Mentor Author Commented:
Finally I found a solution and a cause as well.
The reason it was happening was..I used Response.Write instead of Page.ClientScript.RegisterStartupScript to flash alert messages using javascript which for some reason changed the alignment of the controls on my web page.
After I made this particular change. everything is working fine.
0
 
Jagadishwor DulalBraces MediaCommented:
Post your css file can suggest you
0
 
Tina_BholeAuthor Commented:
Hello jagadishdulal,

Thanks for your response
Please see the attachments
Site-Master.txt
CourseEnquiry.txt
css.txt
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
Jagadishwor DulalBraces MediaCommented:
Change your css of line no 219 to
 
.smallform9
{
    border:solid .1em #121468;
    margin:0 auto;
    width:90%;
    padding-bottom:2em;
    padding-top:1em;
    padding-left:0;
    text-align:left;
    margin-bottom:1em;
    margin-top:1em;
}

Open in new window

0
 
Tina_BholeAuthor Commented:
Hi jagadishdulal ,

Thanks for your response.
I changed margin: auto to margin: 0 auto; but it still didn't fix the alignment problem.
0
 
Tina_BholeAuthor Commented:
The reason it was happening was..I used Response.Write instead of Page.ClientScript.RegisterStartupScript to flash alert messages using javascript which for some reason changed the alignment of the controls on my web page.
After I made this particular change. everything is working fine.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.