Page 2 - Doctypes and CSS alignment problems

Thanks for the help so far. I have gotten the page to display correctly in Firefox, but it looks terrible in IE. I applied the hack for all areas where I have used padding, but it didn't make it look any better.

I might have a few minutes to look at the code more closely this weekend. Since I don't run Windows at home, I can't see what the problems are in IE. Do you think you could post a screenshot so I have a reference?

I'll try my best to find some time to look it over... I'm sure we can get to the bottom of this :-)

cheers

After going on about the block element next to a float not needing a width, IE goes and makes me eat my words. Normally IE exhibits really nasty behavior when a width is given. This time, I had to specify it. I think (s.w.a.g.) it may be due to a float's sibling having a nested float.

I made some small changes to the html and cleaned up (redacted to my style) and removed some redundancies from the css. I did get IE to closely match Moz.

enjoy,

gary

Thanks kk5st for doing that. However I'm still having a few problems. (I had more, but I've solved them.) I've uploaded the most recent version.

I have attached images showing the problems in both IE and Mozilla Firefox.

Margins/overlap at logo/navbar/photo were noticed when fooling with this. I figured you might need to tweak a few things. Moz and IE seem to have different intrinsic margins. I just hit a happy medium, not knowing exactly what you wanted. Fool with the #layout margin-bottom, #navigation margin-top and margin-bottom, and #stockimage margin-top.

For the border at the bottom, I probably killed that when cleaning the code. I removed empty divs, then removed style rules where there was no corresponding html. Try this:The margin stuff is an example why pixel perfect layout is too frustrating to even aim for, not to mention the havoc wreaked by changing font sizes.

cheers,

gary

With some creative thinking, I solved the margins for the navigation. Since it works with Mozilla and not IE, I applied the Tank hack (box model hack) without adding an escape line. Now I can finally add some more visual effects.