table not aligning to top of page

[ncriptide]

I have inserted a table on my home page that I put in a div to control certain aspects of it.

However the table is not appearing right under the copy like it is suppose to . . . there is a LOT of space between the copy and where the table starts.

The site looks fine on a Mac using Safari and Firefox - but you see the space when viewing in Windows on Explorer.

Here's the link to the test page (under development):

http://www.chimneysupply.com/newSite/index.html

Any suggestions?

[Izzmo]

I'm not sure I quite understand what you are saying. I'm looking at it in FF and IE, and the only difference I see is the thickness/weights in fonts and borders. That's it.

[ncriptide]

Originally Posted by Izzmo

I'm not sure I quite understand what you are saying. I'm looking at it in FF and IE, and the only difference I see is the thickness/weights in fonts and borders. That's it.

On the home page example, there is a heading "Chimney Caps, Chimney Products, etc. . . " and some text below it.

Below the text is a four column table with three rows. When I view this page on Windows using IE 6.0, the table with the photos is dropped way down the page - leaving a large amount of space between it and the copy above it.

http://www.chimneysupply.com/newSite/index.html

I don't know if it does this on IE 7 (don't have it to check) but it definitely does it on 6.0 (read, "my boss' computer!).

Looks fine on a Mac, any browser. .

[Izzmo]

Ahh IE6. Hmm. Unfortunately, I don't have that at the moment to check. But, I would recommend not worrying about it, seeing how Microsoft has pushed IE7 out on a majority of Windows users.

Is there some audience that is specifically asking you to make it work on IE6?

[ncriptide]

yeah . . . my boss . . . YIKES!

He has IE6 and wants it to be able to work on that version browser as well. Most of our customers are chimney sweeps and are not . . . how can I say . . . "tech saavy". Most will have older browsers . . .

[Izzmo]

I see. That is a valid reason.

Can you show a screen shot of what it looks like in IE6?

[Boogle]

You need to adjust width properties and set some styles to font-size:0;

Basically, IE6 calculates a width of something including it's margins, that's wrong. it should calculate widths, like so:

FF, IE7, Opera, Safari: elementsWidth + margin,

Where as IE6: elementsWidth = elementsWidth + margin;

So you need two separate style sheets, one for IE7 and most other browsers and one for IE6, in the IE6 one adjust the widths, then either use JScript or your preferred serverside langauge to apply the correct one on load.

HTH's

Boog's

[Izzmo]

Are you using IE6 Boogle? Or do you have an emulator. Cause if you're using an emulator.. can you tell me where to download it? The last one I used got outdated.

[Taltos]

Izzmo, I think this is the toy I used to have a few versions of IE available, called MultipleIE. Link is : http://tredosoft.com/Multiple_IE

One caution, I guess it is not working with Vista so if you are on Vista, this isn't your answer. My machine at the job I used this was XP and it was awesome to be able to test IE 6 and 7 quickly and easily. I never had any trouble with it.

And ncriptide, if you still have problems, do some Googling on "IE 6 Box Model Hack". Boogle is close but it is worse than he describes. MS had a very different definition until IE 7 of how the "box" around text or img or whatever was defined. The Box Model Hack will explain it and show you how to easily solve it. Sounds like that may be a big part of the problem but not all. I no longer have MultipleIE since I am running Vista so I can't take a look at it in IE 6.

Good Luck!

[Izzmo]

Taltos,
That's the tool I use to use! But, like you said, it doesn't work with Vista. And, as we all know, Vista starts using IE7 by default. So problems occur.

[JAMMAN]

nc- I see the differences. I avoid that by doing everything old school (not very popular) and identify pages as HTML 4.01. I never use H2 or H3 I simply put it in a td and specify class. I only use div's to avoid multiple class= in td's.

Not popular but works. I test everything in IE6, IE7, Firefox and Opera and usually end up with identical results. If you need it up and looking right quickly do it the old way!

[catch22media]

This is the solution I use to test with both IE6 and IE7 on the same machine:

http://blogs.msdn.com/ie/archive/200...e-machine.aspx

I find it works real well and if you can find them you can also install older versions of browsers in that VM as well. (Netscape 4, etc).

Luke