Website help - Site looks fine in Safari, terrible in IE and Firefox

[the_wallcrawler]

I've been working on a new portfolio website. here is the link: http://homepage.mac.com/schubie/v2

The site looks fine in Safari. It is completely messed up in IE and even more so in Firefox. This is really my first attempt at incorporating CSS into a site. I didn't fully use CSS for the layout, though I will attempt to do that in a new version. So I expect that I've used some redundant code in places and I expect that my CSS is probably wrong in places as well. I just don't know what could be throwing off IE or Firefox.

Also I have yet to check the site in Windows land.

If any web experts out there can take a look and maybe find a solution I would be extremely grateful.

*EDIT* none of the links work at this time either.

[Dr. Dastardly]

I'm at work and using IE and it looks fine. Is it missing something that I may not be seeing? Some screen shots might help see what the differences are.

[davecuse]

I like the overall design of your site, but the fact that you have so many tables incorporated into a xhtml document negates the use of CSS. The whole design could be very easily put together with a few divs and a bit of css, doing it this way would drastically cut down on the size of the page, and make it much easier to maintain. To learn more about this you should check out the following links..

http://www.w3schools.com/xhtml/

http://www.w3schools.com/css/

[the_wallcrawler]

Dr Dastardly, some of the stuff was not lining up correctly in IE Mac or Firefox.

davecuse, I know what you're saying. I think I'm just going to scrap what I have now and redo the entire thing in CSS. It's hard to get away from tables when you've been using them so long.....must.....stop.....cold.....turkey.

[the_wallcrawler]

I like the overall design of your site, but the fact that you have so many tables incorporated into a xhtml document negates the use of CSS. The whole design could be very easily put together with a few divs and a bit of css, doing it this way would drastically cut down on the size of the page, and make it much easier to maintain. To learn more about this you should check out the following links..

http://www.w3schools.com/xhtml/

http://www.w3schools.com/css/

how would you recommend working out the positioning of the elements? absolute?

[Rower_CPU]

Check out tip #9 (http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/) for some positioning tips.

[scem0]

I'd use negative margins to center that huge div that holds everything, kind of like what I'm doing for the compter club website (http://emoonline.com/compclub/) at my school.

more info on how to do that: bluerobot.com

scem0