Click to See Complete Forum and Search --> : Browser issues - page is screwy in Firefox


kevingofast
01-07-2009, 03:48 PM
Hey guys. So I just started developing my site aftermarketeuro.com in html. Everything looked great in Google Chrome and IE, but I went on Firefox and the whole page was smooshed against the left side of the screen. What could the issue be?


I've attached the first part of my code - as much as I can fit in the post.

<!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>
<title>Welcome to Aftermarket Euro! The leading provider in quality European Aftermarket Parts!</title>
<meta content="Aftermarket Euro BMW, Mercedes and Audi Home Page" name="GENERATOR" />
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link media="all" href="css/stylesheet.css" type="text/css" rel="stylesheet" />
</head>

<body vlink="#484836" alink="#484836" link="#484836">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td valign="top" align="middle">
<table cellspacing="0" cellpadding="0" width="669" border="0">
<tbody>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" width="669" border="0">
<tbody>
<tr>
<td valign="top" align="left"><img height="21" alt="" src="images/header_top.jpg" width="669" /></td>
</tr>

<tr>
<td class="header_image_box" valign="top" align="left">
<table cellspacing="0" cellpadding="0" width="659" border="0">
<tbody>
<tr>
<td class="header_top_image" valign="top" align="left"><img class="logo" height="33" alt="Company Logo RENT: 800-111-7890" src="images/logo.png" width="145" /></td>
</tr>

<tr>
<td class="header_bottom_image" valign="top" align="left">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
</tr>

<tr>
<td style="white-space:pre;" align="center" valign="middle" class="menu_bg"> <a href="index.html" class="menu_link">Home</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="About.html" class="menu_link">About Us</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="Products.html" class="menu_link">Products</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="ShoppingCart.html" class="menu_link">Shopping Cart</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="Contact.html" class="menu_link">Contact Us</a></td>
</tr>
</tbody>
</table>
</td>
</tr>

<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" width="669" border="0">
<tbody>
<tr>
<td class="body_text_box" valign="top" align="left">
<table cellspacing="0" cellpadding="0" width="609" border="0">
<tbody>
<tr>
<td valign="top" align="left" width="130">
<table cellspacing="0" cellpadding="0" width="130" border="0">
<tbody>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" width="130" border="0">
<tbody>
<tr>
<td class="mainon" valign="center" align="middle"><a class="left_menu_link" href="Products.html"><strong>Products</strong></a></td>
</tr>

<tr>
<td class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" valign="center" align="middle"><a class=
"left_menu_link" href="BMW.html">BMW</a></td>
</tr>

Charles
01-07-2009, 05:47 PM
See my reply, post #2, to another.
http://www.webdeveloper.com/forum/showthread.php?t=199126

kevingofast
01-07-2009, 06:00 PM
I'm sorry - I read that post and I'm afraid I don't follow what you're saying. Could you be more specific to my issue so that I'm less confused? Keep in mind I am still fairly new to HTML.

Charles
01-07-2009, 06:08 PM
Better to give you an example of what you can do when you do things right. Take a look at http://www.csszengarden.com/ and study what's under the hood. Then dig through the examples.

kevingofast
01-07-2009, 06:27 PM
Charles - I really appreciate the effort to teach me something. But I unfortunately have a bit of a deadline on this site. I don't know enough CSS/HTML to understand that site. The only HTML I know is from tweaking this template for my site. You know what I mean? I just need help with this one issue.