Column widths

[CAONE]

I have a site at http://www.gresfordathletic.co.uk/

I cannot get the column widths correct, they look fine in dreamweaver but when upladed there are gaps that should not be there

Thanks for your anticipated help

[maretard]

Is there any particular reason you feel the need to nest tables inside of table cells? You're very likely to run into issues that way, since browsers will insert spacing and screw lots of things up. Also, I'd recommend using CSS to organize your page, as you've got *way* too much hardcoded percentage/width/pixel stuff in there, changing your style is going to be utter hell if you have more than one page.

In general, your code just needs to be cleaned up; I see quite a few unclosed <tr> tags, and the general spacing and organization doesn't contribute to neatness.

When I say CSS, this is what I mean. In your code, I see bajillions of lines like this:

<td bgcolor="#C6C6FF" style="border-left:1px solid #FF0000; border-right:1px solid #FF0000; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium; " height="20">

Using CSS, you could simplify all that into:

<td class="myclass1">

Here is an obvious problem I found:

<TD class=smaller vAlign=top bgColor=#efecec>< table width="107%" height="162" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" id="AutoNumber23" style="border-collapse: collapse; border-top-width: 0">

Obviously, if you have a table nested inside a table, you don't want to set its width greater than 100% of its parent table - that will stretch the parent table to fit the child.

If you generated your code with Dreamweaver, I'd advise going through, cleaning it up, implementing CSS, and making it your own. I'm surprised Dreamweaver would output code this sloppy.

Anyway, if this is indeed generated code, I think it should serve as an example as to why WYSIWYG editors are so unreliable. They can display a perfectly fine site, and output a mess.