Desperate HTML nOOb

[gpetersz]

Hi everyone,

I am after for a little help again. I am close to finish my second website. The first one (my portfolio: http://www.beautyofbeast.com) is a very lame one made totally in FrontPage. Drag&drop but nothing is at the right place.

I don't want to improve that, but now, I've finished my second where I plan to sell my PDF board-game, packed with a "free" simple retro-remake. I put together the HTML, but just realised that it looks differently in FireFox and IE.

It looks fully fine for me in FireFox, but the index.html has some problems while displaying the lower left "frame" (what is not a frame, but table), the bottom of it goes down by 5 pixel and I don't know why. (actually I don't know why the 2 browsers translate it differently...)

If anybody could have a view at the source and point out what is the problem, I'll be grateful! (I'll post a game package! :), it doesn't worth much, but I give it for the help heartily)

Thanks a lot!

(be warned: I am very lame in HTML, so you might see terrible things inside the source)

[Gnatinator]

IE does have a larger navigation bar, pushing the frame down a little bit. If that isnt the it, then i'm afraid I dont see the problem. (I'm running Firefox 1.5 and IE 6.0)

Could you post a screenshot with the relevant inconsistencies highlighted?

[gpetersz]

Thanks for looking!

Here it is (seemingly it is not that visible) :o :

http://www.easternraider.com/problem.jpg

Or is it only my PC?

My eyes've already popped out (while looking at the HTML) but I just can't see the source of the difference.

Thanks again, guys!

[Gnatinator]

I thought you meant your other site. :o

IE and Firefox (and basically all other browsers) sometimes render components (text, images, buttons etc) slightly differently; adding extra pixels of space and whatnot. This is just a fact of web developer life that you're going to need to design around.

Modify the layout so left and right section height isnt dependent on the content.

[gpetersz]

Thanks Nathaniel!
I corrected that, now it looks fine (there is a bug yet, but I am working on it).
Well, I don't know if I like HTML at all.... ;)

[Ronkes]

HTML is somewhat of an acquired taste. You should let go of the idea that you need pixel-perfect control over your layout and that's hard for a lot of people. Sometimes IE and Firefox disagree a couple of pixels and you should just shrug it off. But then again, sometimes you really do need to fix that small difference. Ehm, I'm not being helpful here, am I? :rolleyes:

I took a quick look at your code and I really recommend you learn how to use CSS for your layout instead of tables. Only do that if your planning on doing another web site, though, because your current site looks fine the way it is.