I'm gradually upgrading and improving a website. it was bodged together by a
marketing agency so you can imagine the starting point. Things are much
improved but I've got a couple of layput problems that need addressing with
the following page: http://new.eminox.com/home/index2.shtml
The first is that the image above the menu is a pixel or so too high when
viewed in Opera or FF2 - I assume this is something to do with IE's
alternative implementation of the box model, but I'm unsure as to what the
best solution is. I'm aware there are all sorts of 'hacks' to fix this type
of issue, but perhaps there are alternative ways of avoiding the problem.
What is the current concencus on solving this sort of issue?
The second (and arguably more import issue) is that of the footer on this
page. This page is a modification of the original which is designed to
demonstrated various design options to the customer. In FF the footer
appears at the bottom of the page which is fine. However in IE it appears
midway through the text, and in Opera it doesn't display at all. In the case
of this version of the page, it has for news items shown, ordinarily there
would be two - in which case the IIE behaviour would not be an issue - the
footer would appear in an appropriate place (i.e. immediately below the
text), but I'd rather the design was more flexible and able to readily cope
with changes to the content. I'm not bothered whether the footer appears
immediately below the content; or at the bottom of the page; ideally it
would be great if the footer would appear at the bottom of the screen, or at
the bottom of the page if the page was longer than a screen - I'm not even
sure if this is possible, but if not, simply haveing the footer appear at
the bottom of the text would be fine.
Can anyone shed any light on these two problems (particulrly the second)?
I'm slightly surprised that the footer works so well in FF but not in IE -
normally these kind of designers test everything on IE first (and possibly
last)
Thanks in advance
CJM