I have been assigned an intranet project at work and I am having a very hard time finding a way to make my alignment work across browsers. The alignment looks as expected in IE but terrible in Firefox or Chrome etc... I thought that one of you guys that do this all the time might have a easy explanation.
Here is my HTML
In advance I am sorry for the huge post but I have no idea what part is causing the problem...
Here is my HTML
In advance I am sorry for the huge post but I have no idea what part is causing the problem...
VB.NET:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="frmTroubleTicket.aspx.vb" Inherits="FSIntranet._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">
<title>First Step-Intranet</title>
<script type="text/javascript">
function sLostFocus(fld)
{
fld.className = 'normal';
}
function sGotFocus(fld)
{
fld.className = 'focus';
}
</script>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="frmTrouble" runat="server">
<table id="table1" border = "0">
<tr>
<td>
</td>
<td>
<img alt="First Step Logo" src="FS%20logo.JPG" width="35%" />
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
<p style="font-size:16px;">Click <a href="//10.10.10.2/training">HERE</a> for the Training
Folder</p></td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
<hr /></td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
<p class="bText">Experiencing
PC Problems ? Let us help...</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
Please fill out the following form detailing the problems you are experiencing.</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
<table>
<tr>
<td style="width:20%" style="text-align:right;">Your Name:</td>
<td style="text-align:left;">
<asp:TextBox ID="txtName" runat="server" Width="350px"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
 
</td>
</tr>
<tr>
<td style="width:20%" style="text-align:right;">Your Location:</td>
<td style="text-align:left;">
<asp:TextBox ID="txtLocation" runat="server" Width="350px"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2">
Nature of PC Problem(s):
</td>
</tr>
<tr>
<td colspan="2">
<asp:TextBox ID="txtProblem" runat="server" Height="183px" TextMode="MultiLine"
Width="475px"></asp:TextBox>
</td>
</tr>
<tr>
<td style="width:20%" style="text-align:right;">Email:</td>
<td style="text-align:left;">
<asp:TextBox ID="txtEmail" runat="server" Width="350px"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
 
</td>
</tr>
<tr>
<td style="width:20%" style="text-align:right;">Phone Number:</td>
<td style="text-align:left;">
<asp:TextBox ID="txtPhone" runat="server" Width="350px"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
 
</td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="120px"
Height="32px" />
 
<asp:Button ID="btnReset" runat="server" Text="Reset" Width="120px"
Height="32px" />
</td>
</tr>
</table>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
<hr /></td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
Copyright © 2009 First Step Inc.</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>