View Full Version : Table Variation Between FF and IE

01-01-2007, 10:47 PM
Hey all, this is my first post here. I hope you can help me out. I'm creating a template page for my new site layout. I use FireFox, and as I was building it, it looked just fine there, but now that it's done I tested it in IE6 and the tables don't seem to be right. There's a lot of whitespace between certain cells and I can't figure out why. Here's how each looks:

FireFox display:

IE6 display:

If anyone can give me a hand with getting this to look right in IE, that'd be really great. I'll attach the html file I'm using. It's just template so far, so there's not much to it. (I tried to attach the whole directory, but it's too big.)

Thanks in advance!

01-02-2007, 01:48 AM
Hello and welcome Verran,

You don't have to post files, you can just put your code here in between
tags (or by pressing the small '#' button in the reply window). Even better is to have the file(s) in question online somewhere for the ease of checking the source code in conjunction with some potentially mandatory images (which are missing in the zip file you posted).

Now to the actual problem:

The question is why you are using tables at all? I don't see any tabular data. And tables for the entire layout of your website is a very, very, very bad practice (besides being a method from 10 years ago). If not the creation then at least the maintenance will be a lot easier with semantic HTML (http://brainstormsandraves.com/articles/semantics/structure/) and CSS (http://htmldog.com/).

I took the liberty to come up with a quick example using your graphics.
It looks good in Firefox but I couldn't test it in IE so there might be some minor things to fix (especially since I'm using direct positioning for the corner graphics). Also the graphics aren't of good quality as the whole thing is just for demonstration. But it should give you a basic idea and you're free to build your site on this.

Hope you learn something from it. :)

01-02-2007, 03:02 AM
Thank you SO much for the example. I'm DEFINATELY learning from it. Mostly, I'm learning there's a LOT better ways to do what I'm trying to do. The layout you made is perfect. Now I just want to pick it apart and actually understand what you're doing with the styles. It's probably going to take me a while, but I want to be able to make sense out of it so I can replicate it myself.

Thanks again for the help. I really appreciate it. The way you're doing it is a lot cleaner and makes for better functionality too!