Nav frame using div and positioning?

[Amigo Boy]

I would like to create a page with four distinct areas. Similar to
this:

<tr><td colspan="2">My Heading stuff here</td></tr>
<tr><td>My nav stuff here</td><td>My main stuff here</td></tr>
<tr><td colspan="2">My footer stuff here</td></tr>

In other words, a header and footer which span the entire page.
Between them will be a nav bar and large main area.

I know (generally) how to do this with divs and positioning. I'm
wondering if anyone has already done it and ironed out the
cross-browser issues. I searched Google Groups and couldn't find
anything. (It appears there are a lot of cross-browser issues.)

Thanks!
Mark

[Alex Bell]

Re: Nav frame using div and positioning?

On 11 Jun 2004 19:11:36 -0700, amigo_boy@hotma il.com (Amigo Boy)
wrote:
[color=blue]
>I would like to create a page with four distinct areas. Similar to
>this:
>
><tr><td colspan="2">My Heading stuff here</td></tr>
><tr><td>My nav stuff here</td><td>My main stuff here</td></tr>
><tr><td colspan="2">My footer stuff here</td></tr>
>
>In other words, a header and footer which span the entire page.
>Between them will be a nav bar and large main area.
>
>I know (generally) how to do this with divs and positioning. I'm
>wondering if anyone has already done it and ironed out the
>cross-browser issues. I searched Google Groups and couldn't find
>anything. (It appears there are a lot of cross-browser issues.)
>
>Thanks!
>Mark[/color]

I may have something like what you want at

http://www.southcom.com.au/~outreach/

Try http://www.members.iinet.net.au/~abell1/demo15.htm
for a test version which might demonstrate the layout more easily

In both cases the footer is empty, and serves only as a spacer. But
of course it could be filled.

Regards, Alex

[Mark A. Fuller]

Re: Nav frame using div and positioning?


"Alex Bell" <abell1@tassie. net.au> wrote in message
news:vedlc0p55t 3i0mtig77hdnhhe as7f77874@4ax.c om...[color=blue]
>
> I may have something like what you want at
> http://www.southcom.com.au/~outreach/[/color]

Thanks. It looks like you're using "float." When I shrink the window, the
main (right) side wraps in under the navigation (left) side. I had it in my
mind to use two positioned divs like frames. The left side will be twice as
long as yours. And the right side will be primarily form display and index
listings from the submission of forms (not lengthy free form text). My point
is, the right side won't have a lot of content so I don't think it will be
problematic to contain it within a div that does not flow beneath the
rightside navigation column.

I developed something in IE 5 last night. Is there an easy way to test your
CSS for IE4, NN4 and Apple/Linux rendering?

Thanks!
Mark

[Alex Bell]

Re: Nav frame using div and positioning?

On Sat, 12 Jun 2004 15:37:15 GMT, "Mark A. Fuller"
<markDDOOTT.ful ler@earthlinkDD OOTTnet> wrote:
[color=blue]
>
>"Alex Bell" <abell1@tassie. net.au> wrote in message
>news:vedlc0p55 t3i0mtig77hdnhh eas7f77874@4ax. com...[color=green]
>>
>> I may have something like what you want at
>> http://www.southcom.com.au/~outreach/[/color]
>
>Thanks. It looks like you're using "float." When I shrink the window, the
>main (right) side wraps in under the navigation (left) side. I had it in my
>mind to use two positioned divs like frames. The left side will be twice as
>long as yours. And the right side will be primarily form display and index
>listings from the submission of forms (not lengthy free form text). My point
>is, the right side won't have a lot of content so I don't think it will be
>problematic to contain it within a div that does not flow beneath the
>rightside navigation column.
>
>I developed something in IE 5 last night. Is there an easy way to test your
>CSS for IE4, NN4 and Apple/Linux rendering?
>
>Thanks!
>Mark
>[/color]
Thanks, Mark. I know it works on Safari and MSIE 5.2 for the Mac, but
I have no idea what it looks like in the others. In fact so far as I
know the CSS is set up to not load with MSIE4 and NN4.

Regards, Alex

[Mark A. Fuller]

Re: Nav frame using div and positioning?

"Alex Bell" <abell1@tassie. net.au> wrote in message
news:7d3nc0tt65 ogjv362cdp6pm1d nttdofimh@4ax.c om...[color=blue]
> Thanks, Mark. I know it works on Safari and MSIE 5.2 for the Mac, but
> I have no idea what it looks like in the others. In fact so far as I
> know the CSS is set up to not load with MSIE4 and NN4.[/color]

Hi Alex, since it sounds like you don't know what your pages look like on
other platforms, I took screenshots on IE 6 Win, and Mozilla 1.6 Linux. I
emailed them to you. On Win, the text seems to float right and as I reduce
the width of the window, it flows beneath the navigation bar on the left.
One of the screenshots shows it. No problem. However, in Mozilla 1.6 Linux,
the text slides beneath the navigation bar. The screen shot shows it.

If you have access to Mac browser(s) and would like to reciprocate, I can
mail you the frames-like page I wrote last night.

Thanks,
Mark