Form element messed up imported HTML / CSS layout template in ASP.NET

I want to use this clean HTML / CSS template for my ASP.NET website:

http://sub3.tanguay.de

I will copy it in my Default.aspx page inside the FORM element, but the form messes up the layout:

http://sub2.tanguay.de
UPDATE: This is now displayed correctly thanks to Devio.

I tried to change the style of the form tag but can't get it to stop affecting the layout, I tried:

style="margin: 0px; padding: 0px; display: inline; background-color: transparent;"

      

  • Is this a common problem when copying in layout templates in ASP.NET?
  • Is there an easy work around, like some edge: a -2px fix or something?
  • I need to keep the form tag, of course, for ASP.NET functionality.
0


source to share


2 answers


1) try removing the background-color attribute from the form class:

form {
    margin:10px; padding: 0;
    border: 1px solid #f2f2f2; 
    background-color: #FAFAFA; /* remove this */
}

      



2) you cannot insert forms, but the search form is contained within an ASP.Net form, and ASP.Net requires exactly one form tag per page.

+1


source


I had the same problem and changing a form element to the following fixed things:



<form id="form1" runat="server" style="display: inline; background-color: transparent;">

      

+2


source







All Articles