IE render issues

[stoid]

I'm working on my very first website. We're going baby steps, and so far, all I have is a top bar laid out using the table formatting function. It renders perfectly in IE, Safari, Mozilla for the Mac, Firefox for Windows also renders it perfectly. The page also validates in the web based W3C validator. However, when loaded in IE for Windows, it has white spaces and the table elements are not placed properly. How do I go about fixing this problem? Is there a better way to layout the elements besides a table that will make it easier? I'm very new to web design. THANKS!

Link to website. (Open in your browser of choice)

Images attached for your viewing pleasure. Top is rendered in Safari, bottom is IE for Win2K. (No, it's not a VPC error, it doesn't render correctly on my friends PC running XP either).

 

[stoid]

I think I fixed my own problem!

After analyzing the IE for Windows misrender, it seemed that the only real problem was that the long thin piece at the bottom was too thin, and throwing everything else off, I went back in and gave it a defined 'height' value, and it IE for Windows has finally decided to play nice.

 

[scem0]

After analyzing the IE for Windows misrender, it seemed that the only real problem was that the long thin piece at the bottom was too thin, and throwing everything else off, I went back in and gave it a defined 'height' value, and it IE for Windows has finally decided to play nice.

It is still lurking in the shadows, waiting to annoy you yet again. Ready to ignore your CSS, ready to misinterpret your code, ready to cause you another 30 minutes of debugging.

Oh IE.... Why must you do this to us!?!?

scem0

 

[stoid]

It is still lurking in the shadows, waiting to annoy you yet again. Ready to ignore your CSS, ready to misinterpret your code, ready to cause you another 30 minutes of debugging.

Oh IE.... Why must you do this to us!?!?

scem0

Indeed, it has again. This time, it won't properly render css td.____{background-image:_________; background-repeat: repeat-_} tags.

As seen in a quick page I tossed together to see how a different navigation style looked (ugly I know, but I might as well figure out what's wrong with IE so that when I fix up the graphics I can plan ahead if need be). Anyway, here the link so you can see the code.

The php code is a standard page with the css style block followed by a table containing 1 php require tag each <td> to pull in the different navigation htm files. (It doesn't work when I link the css file either).

I'l also include a quickie screen grab so that you can see the issue without having to load the different browsers if you don't want (or can't).

edit: Note that the text renders following the css styles in both apps, so they are both reading the css code.

 

[ChicoWeb]

It'd be easier to debug if you showed us the code.

 

[stoid]

It'd be easier to debug if you showed us the code.

Click the link I gave you in the previous post. I realize that it might not stand out so much there so here it is again:

IE hates this page!

 

[ChicoWeb]

Click the link I gave you in the previous post. I realize that it might not stand out so much there so here it is again:

IE hates this page!

It renders fine for me in ie. 6.02

 

[stoid]

It renders fine for me in ie. 6.02

It's the Mac version of IE that I'm having problems. I've noticed that it does render fine in IE in Win2K under VPC...

Can I safely ignore IE for Mac? Does anyone really still use it for their main browser anymore?

Hmm, I just reloaded it again in IE for Mac, and it renders fine!



WTF!!!

 

[stoid]

For the record, those links will no longer work, since I've changed the pages and gotten them into the 'live' website.