I am having problems getting the page width to be the same for both firefox and ie for this site I'm working on. the development site is located at http://bfa.cctsbaltimore.org/bfa_dev/index.html. The page width used to be fine and at some point (I'm not sure when) I must have changed something or added something that made it behave differently. I must have oinly been checking it in Firefox when I made the change. Im pretty sure it happened when I was was adding a left + right border to the footer (as you can see if using ie, the l and r borders don't go all the way to the bottom. I was tried to fix it by just removing the footer border but it didn't work. (firefox still has it because it works there. I would really appreciate it if someone could help me remove those 2 pixels from the right hand side of the page. Thanks, b
I am not 100% what is causing the problem and without wading though your CSS, which is quite a job now the site is all done and I did not make the site I am not going to be able to tell you exactly what is causing it. But just use the * hack or the _ CSS hack to fix any diffrences between FF and IE as I see you have used them already so your CSS is not valid anyways.
Look closer, the container does not extend the full length of the footer. There's a jog on both sides where the border ends. There's also a problem with the headers/links under the scrolled containers. I haven't really studied the layout, but it seems to be a bit over thought. There are entirely too many hacks for a well designed page. Why the full-height(?) layout. You have plenty of content, and that's a print medium paradigm anyway. Let the content control the height of the page. If you just must continue this way and don't get a solution, I'll take another look. /edit/ had this sitting on the desk for too long. Beat to the punch. cheers, gary