PDA

View Full Version : I am having problems with my site being viewed differently in IE and firefox to how i am viewing it


mrey
05-26-2009, 09:52 AM
I am having problems with my site being viewed differently in IE and firefox to how i am viewing it in Dreamweaver.

Here's how i see my site in Dreamweaver, compact with no spacing between the images or tables.

http://i44.tinypic.com/2gwc8dt.jpg

And here it is in IE with extra spacing around the tables

http://i43.tinypic.com/4g199v.jpg

and for some reason in Firefox the outline of tables are visible

http://i42.tinypic.com/dmr3is.jpg

What coding is need for my site to have a set width, compact like how i view it in dreamweaver?

Here is the coding for my site, i have basic HTML knowledge so i do everything in WYSIWYG

<!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">
<html>
<head>
<title>The Guild</title>
<style type="text/css">
<!--
.style1 {color: #CA0000}
body {
background-image: url();
background-repeat: no-repeat;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber1" height="244">
<tr>
<td width="100%" style="border-style: none; border-width: medium" bgcolor="#E2E2E2" height="68" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber5" height="72">
<tr>
<td width="33%" style="border-style: none; border-width: medium" height="70" bgcolor="#ffffff"><p style="margin-left: 7"><img src="SmallG.jpg" width="185" height="114" alt="smallglogo" /></td>
<td width="34%" style="border-style: none; border-width: medium" height="70" bgcolor="#FFFFFF">&nbsp;</td>
<td width="33%" style="border-style: none; border-width: medium" height="70" bgcolor="#FFFFFF"><img src="guildtelnumber.JPG" width="327" height="118" alt="guildcontactdetails" /></td>
</tr>
</table>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="14">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center">
<b><font face="Arial" size="2" color="#FFFFFF">Home</font></b></td>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center"><b><font color="#FFFFFF" size="2" face="Arial">Subcontracting</font></b></td>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center">
<b><font face="Arial" size="2" color="#FFFFFF">News</font></b></td>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center">
<b><font face="Arial" size="2" color="#FFFFFF">CIS</font></b></td>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center">
<b><font face="Arial" size="2" color="#FFFFFF">FAQ's</font></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="123" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber6">
<tr>
<td width="18%" style="border-style: none; border-width: medium" bgcolor="#FFFFFF" valign="top">
<div align="center">
<center>
<p>&nbsp;</p>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="83%" id="AutoNumber7" height="1">
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF" height="1" bordercolor="#CA0000">
<p style="margin-left: 4; margin-top: 2; margin-bottom: 2">
<font face="Arial" size="2">Page Link 1</font></td>
</tr>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF" height="1" bordercolor="#CA0000">
<p style="margin-left: 4; margin-top: 2; margin-bottom: 2">
<font face="Arial" size="2">Page Link 2</font></td>
</tr>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF" height="1" bordercolor="#CA0000">
<p style="margin-left: 4; margin-top: 2; margin-bottom: 2">
<font face="Arial" size="2">Page Link 3</font></td>
</tr>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF" height="1" bordercolor="#CA0000">
<p style="margin-left: 4; margin-top: 2; margin-bottom: 2">
<font face="Arial" size="2">Page Link 4</font></td>
</tr>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF" height="1" bordercolor="#CA0000">
<p style="margin-left: 4; margin-top: 2; margin-bottom: 2">
<font face="Arial" size="2">Page Link 5</font></td>
</tr>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF" height="1" bordercolor="#CA0000">
<p style="margin-left: 4; margin-top: 2; margin-bottom: 2">
<font face="Arial" size="2">Page Link 6</font></td>
</tr>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF" height="1" bordercolor="#CA0000">
<p style="margin-left: 4; margin-top: 2; margin-bottom: 2">
<font face="Arial" size="2">Page Link 7</font></td>
</tr>
</table>
</center>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
<td width="82%" rowspan="2" valign="top" bgcolor="#FFFFFF" style="border-style: none; border-width: medium"><h1 align="center" style="margin-left: 4; margin-top: 5; margin-bottom: 2; margin-right:5"><img src="banner1.jpg" width="831" height="156" alt="guildbanner1" /></h1>
<table width="100%" border="0" cellpadding="20" cellspacing="0" style="margin-bottom: 2; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;">
<tr>
<td align="left"><h1 align="left" style="margin-left: 4; margin-top: 5; margin-bottom: 2; margin-right:5">Welcome to The Guild</h1>
<p align="left" style="margin-left: 4; margin-top: 5; margin-bottom: 2; margin-right:5">The competitive and regulatory challenges in the construction industry are unique. For more than a decade, thousands of contractors and subcontractors have turned to The Guild for advice and support with those challenges. <br />
Whether you are visiting us for the first time, or are already familiar with what we do, we'd like to welcome you to The Guild.</p>
<h2 align="left" style="margin-left: 4; margin-top: 5; margin-bottom: 2; margin-right:5">Who are we?</h2>
<p align="left" style="margin-left: 4; margin-top: 5; margin-bottom: 2; margin-right:5">The Guild is an established Commercial Contractor and has been offering construction services since 1998. Based in Harrow, Middlesex, we employ over fifty staff, including eight foreign language speakers. We are a wholly independent UK company, with no conflicting business interests.<br />
<br />
Our focus in this field means that no other business has more experience working with subcontractors and contractors under the Construction Industry Scheme.<br />
<br />
By working with operatives in business on their own account, in full compliance with CIS regulations, we provide you with the peace of mind to do what you do best, run your business.<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> </font><font size="2" face="Verdana, Arial, Helvetica, sans-serif"></font></p></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" bgcolor="#FFFFFF" valign="bottom">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" style="border-style: none; border-width: medium" height="17">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber3" height="1">
<tr>
<td width="100%" height="1" style="border-style: none; border-width: medium" valign="top" bgcolor="#111111">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: "0" bordercolor="#111111" width="100%" id="AutoNumber8">
<tr>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center">
<b></b></td>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center">
<b><font face="Arial" size="2" color="#FFFFFF">Portal</font></b></td>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center"><b><font color="#FFFFFF" size="2" face="Arial">Getting Started</font></b></td>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center">
<b><font face="Arial" size="2" color="#FFFFFF">Contact Us</font></b></td>
<td width="20%" bgcolor="#000000" bordercolor="#E2E2E2" style="border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" align="center">
<b></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="18" style="border-style: none; border-width: medium" bgcolor="#CA0000">
<p align="center"><b><font face="Arial" size="1" color="#FFFFFF">
Copyright 2009 www.workersguild.co.uk All Rights Reserved.</font></b></td>
</tr>
</table>
</td>
</tr>
</table>
</body>

</html>

domedia
05-26-2009, 02:48 PM
A couple of pointers:
1. It doesn't matter what it looks like in DW, so don't rely on the design tools it provides.
2. Use regular web standards and not tables to make your website.

You've set border="1" on all your tables.