RE: Fluid two-column layout in CSS?
by "Sauyet, Scott (OTS-HAR)" <Scott_Sauyet(at)output.net>
|
| Date: |
Tue, 8 Jan 2002 13:42:37 -0600 |
| To: |
"'Kevin W. Bishop'" <bishopk(at)rpi.edu>, Hwg Style <hwg-style(at)hwg.org> |
| |
todo: View
Thread,
Original
|
|
> == Kevin W. Bishop
> Yes, I think I do too. Let's see if we're on the same track ...
>
> <div id="mainContent">
> main content
> </div>
> <div id="navigation">
> main navigation
> <div id="bottomNav">
> bottom navigation
> </div><!-- end bottom nav -->
> </div><!-- end main nav -->
No, that was what I was trying to do without any success. I'm thinking
that some variation of the following might work, though:
<.div id = "top">
<.div id = "mainContent">main content </.div>
<.div id = "topNav">navigation, site info, copyright, etc</.div>
</div> <!-- end top div>
<.div id = "bottom">text navigation</.div>
The important distinction is that I've been thinking of the navigation
bar from the user's point of view, so that the bottom text nav was, in
my mind, stuck in a </div> with the top nav. If I think horizontally
instead, this seems as though it will work.
> However, if you want "bottom Nav" to always be directly across from the
> last line of main content (assuming main content is longer than all the
> navigation), I'm not sure if or how that's possible with relative
> positioning.
Well, "directly across from" is not particularly important. But "no higher
than" is what I am aiming for. I could do this relatively easily if I knew
for certain that the main content was going to be taller than the nav bar,
or the reverse.
In any case, as soon as my job stops getting in the way of more interesting
work, I think I know how to work this out...
Thanks for your help.
-- Scott
HWG hwg-style mailing list archives,
maintained by Webmasters @ IWA
This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.