I'm developing a site for a charity which I am aiming to make
standards-compliant, accessible and cross-browser compatible.
I'm doing OK so far and have the workings of a respectable site, but I still
have a few little niggly problems:
Site: http://www.aif-advocacy.org.uk/index.asp
CSS: http://www.aif-advocacy.org.uk/aif.css
1) The horizontal menu isn't right on any browser. Using IE6 as a reference
point, there is a gap between the hmenu bottom
border and the bottom of the menu links - the navy blue menu links should
join the nave bottom border.
In Opera v7, the hmenu is the right vertical size, but the links are offset
(ie below) from their intended position.
In Mozilla v1.4, it is similar to Opera, except that the parts of the offset
links that are below the border are not visible.
2) I can't get the right column to position correctly. I want a x-pixel gap
between the rh-col and the content of that DIV. I tried various
margin/padding settings but couldn't get it right....
3) A question more about taste: On pages that are fairly short, the footer
appears quite high up on the page, which I dont think look that great. One
option would be to make sure each page was of a certain minimum length, but
this would seem to go against the spirit of the web - ie, people will view
the pages in different resolutions on different mediums, and you shouldn't
try force the layout in the same way you would do with paper. So does
anybody have any thoughts on this? Do we leave the footer as it is or is
there a way to improve the design, without breaking the rules..?
Thanks in advance for you help.
This is my first serious CSS-P implementation, so I'm clearly not an expert.
I need a solution this week(!), and I don't want to spoil it all by
resorting to any nasty hacks out of desperation, so you help would be
appreciated.
Chris