I hope someone can help, before I start thinking tables have a lot of
merit after all.
I am trying to achieve a two column layout, with source code div order
main content, right side navigation, footer. Naturally I want liquid
main contents, and I have float: right; img, and clear: both; paragraphs
in the main contents div.
Fixed width right navigation column is probably essential. There is a
confounded logo graphic to go at the top right of the viewpoint, and I
need to match the colour the whole way down the right hand column.
But I also need a full width but limited height footer directly below
the longest column (either column may be longer). So the background
colour continues after the footer.
So far I've totally failed to get close. If I use a background image on
body with repeat-y it makes the nav column look as if it continues the
whole way down, but the image continues past the footer (not wanted).
If I position the right side navigation where I need it using position:
absolute; the clear: both; footer doesn't clear it (nav out of flow, I
guess).
However if I float the navigation right, it gets stuck directly below
the main contents. I'm obviously missing something fundamental.
especially as to why I can't persuade float right to work.
Apart from Googling, I have checked most of the layouts pointed to by
http://css-discuss.incutio.com/?page=TwoColumnLayouts and a chunk of
http://css-discuss.incutio.com/?page=ThreeColumnLayouts Tried so many
experiments I am not even sure where I started.
Does anyone have a favourite tutorial they think addresses my problem?
Thanks.
--
http://www.ericlindsay.com