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]

On 11 Jun 2004 19:11:36 -0700, am*******@hotma il.com (Amigo Boy)
wrote:

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

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]

"Alex Bell" <ab****@tassie. net.au> wrote in message
news:ve******** *************** *********@4ax.c om...

I may have something like what you want at
http://www.southcom.com.au/~outreach/

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]

On Sat, 12 Jun 2004 15:37:15 GMT, "Mark A. Fuller"
<markDDOOTT.ful ler@earthlinkDD OOTTnet> wrote:

"Alex Bell" <ab****@tassie. net.au> wrote in message
news:ve******* *************** **********@4ax. com...

I may have something like what you want at
http://www.southcom.com.au/~outreach/

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

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]

"Alex Bell" <ab****@tassie. net.au> wrote in message
news:7d******** *************** *********@4ax.c om...

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.

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