First off, I'm a beginner when it comes to ASP.NET, but I have some experience with C++, VB6, and PHP, so programming is not a new thing to me. I've started a website in Web Developer Express, and added the contents of a CSS template I found on the internet, specifically "Stylevantage" from www.styleshout.com, to my project folder:
Template demo: http://www.styleshout.com/templates/preview/Stylevantage1-0/index.html
Template download site: http://www.styleshout.com/free-templates.php?page=6
After copying the HTML code from its index.html into my default.aspx file, it runs fine, but only when I have the <form id="form1" runat="server"> tag after the header <div>. If I insert the line any time before the </div> for the header division, the whole page renders about 15px from the top, and the #head <div> is all goofy.
I really need to have the <form> tag before the <head> tag so I can use some code to swap out meta information as well as some content in the header (banners mainly).
Here is the content from the default.aspx file just to the end of the #header division:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!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">
[more meta stuff here]
<link rel="stylesheet" href="images/Blue.css" type="text/css" />
<title>Testing</title>
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo">Test <span class="blue">Site</span></h1>
<h2 id="slogan">put your site slogan here...</h2>
</div> <!-- End header -->
<form id="form1" runat="server">If anyone has ANY ideas why the page slides down if I insert the form tag before the end of that <div>, I'd be VERY grateful. I've been playing with it for two days now and it's driving me crazy. Thanks!