Fixing Layout in Firefox

[bcsweb1]

We have our site laid out in IE just great:

http://www.zippohosting.com/~dinos/cms/index.php

But view it in firefox and there is a LARGE GAP between the left tables - view it and you will see what I mean.

We have tried for hours to get it to go away - no luck

Anyone have a clue?

Here is the page code:

Code: Select all

<table class="ver12" border="0" cellPadding="0" cellSpacing="0" class="ver12">
<tbody><tr vAlign="top">
<td width="30"></td>
<td colSpan="3"><span class="ver12b">Dino's Chicago Express</span> began as a thought, but through wonderful customers, a great staff,
 and strong faith in God it has become a reality. Dino's was established in 2000 by the Dakuras family and 
stands for more than food; it stands for family. Dino's mission is to give our customers a traditional, friendly
 Greek/Chicago experience by providing unique, fresh quality products at a fast and reasonable price.
<br /><br /></td>
<td width="75"></td>
</tr>
<tr vAlign="top">
<td width="30"></td>
<td width="370"><img width="286" src="images/nowopen.gif" height="36" /></td>
<td width="30"></td>
<td rowSpan="4"><table class="ver12" border="0" align="center" width="295" cellPadding="4" cellSpacing="0" class="ver12">
<tbody><tr vAlign="top"><td><span class="ver12b">Dino's Chicago Express</span><br />
<span class="ver12bRed">Catering, Dine-In, Drive-Thru, Call Ahead</span></td></tr>
<tr vAlign="top"><td><img width="111" src="images/locations.gif" height="29" /></td></tr>
<tr vAlign="top"><td class="ver12" class="ver12">500 Fury's Ferry Road Suite 101<br />
Martinez, Georgia 30907<br />Phone: (706) 228-4476 <br />Fax: (706) 228-4487</td></tr>
<tr vAlign="top"><td class="ver12" class="ver12">4446 Washington Rd. Suite 20 <br />
Evans, Georgia 30809<br />Phone: (706) 434-0002 <br />Fax: (706) 434-0003 </td></tr>
<tr vAlign="top"><td height="6"></td></tr><tr vAlign="top"><td><span class="ver12b">Hours:</span>
<span class="ver12"><br />Monday - Saturday 11:00 a.m. - 9:30 p.m.<br />Closed Sundays</span></td></tr>
<tr vAlign="top"><td align="center"><img width="180" src="images/gift_card-sm.gif" height="120" /></td></tr></tbody></table><br />
</td><td rowSpan="3"></td></tr><tr vAlign="top"><td width="30"></td>
<td width="370">Just six years ago Dino's Chicago Express started in Martinez, GA and thanks to the support of our great customers, 
great staff, and most of all God we have expanded into Evans across from Walmart at the stop light. I would like to thank the entire 
community for allowing us this opportunity to serve you and I give you my word I will continue to grow Dino’s in a positive fashion 
caring about the people we serve and the people we employ.<br /><br /></td><td width="30"></td></tr><tr vAlign="top"><td width="30"></td>
<td rowSpan="2"><img vspace="5" width="90" src="images/vienna.gif" hspace="10" height="90" />
<img vspace="5" width="145" src="images/delight.gif" hspace="10" height="63" /><br />
<span class="ver12b">Only The Best Ingredients to Flavor Our Food</span><br />We choose Vienna Beef franks and sausages because 
they are 100%, lean, grain-fed domestic beef and beef trimmings with no fillers, artificial colors or flavorings. The time-honored blend
 of seasonings and old-fashioned hickory smoking give all of our franks and sausages that unique, genuine Vienna flavor that folks crave. 
 It's the dog that Chicago chooses first.<br /></td><td width="30"></td></tr><tr vAlign="top"><td width="30"></td><td width="30"></td>
 <td width="75"></td></tr></tbody></table><center><img vspace="5" width="295" src="images/award.jpg" height="93" /></center>

[calguy1000]

And this relates specifically to CMS Made simple how?

[bcsweb1]

Well, the best guess I can see is that CMS Made Simple is handling the design in a manner that does not allow it to render in Firefox very well - with this layout...

I have the same code outside of CMS made simple and the page rendors correctly in IE and Firefox...

In CMS Made Simple and it only renders correctly in IE but not firefox..

So I looked and looked at the code and I can not see the error that is making it do it...

[streever]

Hey,

I understand the frustration you must be feeling.

But, honestly, I don't feel very sympathetic: the problem with your site is that it's poorly layed out.

http://validator.w3.org/check?uri=http% ... ne&group=0

over 100 validation errors? So over 100 coding errors, in the layout/design portion.

When I change it to STRICT, I see almost 150 errors....

When I take the code into a text editor it's still broken.

You need to re-code the tables giving you a problem.

IE7 does not properly implement coding: that's why it works there & not in CMSMS.

The other possibility is that you've entered NON STANDARD characters: characters that may work "OK" in FF, or IE, but are not standardized.

So, when they are filtered through a CMS, it's screwing up your code. Or, if you look at it on a mac, or in FF, or in IE 8 (whenever that comes out)

do you get what I'm getting at? By not following a standard, you expose yourself to layout problems. So, if I were you, I'd go through that code and try to clean it up...