Nested Master pages question

[D]

Hi,

I've been toying around with master pages and am trying to set up your
standard banner across the top and 3 areas below that, left content, center
content and right content.

I have the banner part being the top level master page and the left content
be nested master page named subMaster.maste r. In this I have 3 div's that
I've named

SubMaster_LeftP anel
SubMaster_Cente rPanel ***** contains ContentPlaceHol der
SubMaster_Right Panel

These are just div's now and don't contain actual panels btw.

I wish to have the LeftPanel contain a treeview for navigation and the right
panel be used for misc alerts or banner advertising. The CenterPanel I host
the ContentPlace holder control for content.

The problem I'm having is it works out well but SubMaster_Right Panel is
always wrapped around to the next line.

Instead of

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center | Right

I have

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center
Right

(if that makes sense).

All widths are thru a CSS using, 10%, 80% and 10% respectively. I can change
them to be alot less and this problem still persists so this doesn't appear
to be overlapping.

Any ideas and or solutions?

Thanks alot for your time.

[Tim_Mac]

hi,
i'd suggest posting a HTML equivalent of what you are trying to achieve. it
seems to be a HTML / CSS / Layout problem rather than master pages.
are the divs floated left, or absolutely positioned? in my opinion you'd
need either of these to get a 3 column layout.

the reason they don't wrap is because DIVs are block elements, which by
default take up a whole line.

try this page: http://www.positioniseverything.net/...l.stretch.html

does this help?
tim
"D" <Da**@nothing.n etwrote in message
news:ee******** ******@TK2MSFTN GP02.phx.gbl...

Hi,

I've been toying around with master pages and am trying to set up your
standard banner across the top and 3 areas below that, left content,
center content and right content.

I have the banner part being the top level master page and the left
content be nested master page named subMaster.maste r. In this I have 3
div's that I've named

SubMaster_LeftP anel
SubMaster_Cente rPanel ***** contains ContentPlaceHol der
SubMaster_Right Panel

These are just div's now and don't contain actual panels btw.

I wish to have the LeftPanel contain a treeview for navigation and the
right panel be used for misc alerts or banner advertising. The CenterPanel
I host the ContentPlace holder control for content.

The problem I'm having is it works out well but SubMaster_Right Panel is
always wrapped around to the next line.

Instead of

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center | Right

I have

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center
Right

(if that makes sense).

All widths are thru a CSS using, 10%, 80% and 10% respectively. I can
change them to be alot less and this problem still persists so this
doesn't appear to be overlapping.

Any ideas and or solutions?

Thanks alot for your time.

[D]

Yes that helps quite a bit thank you. I was looking at it last night and
looking at the html the page generated when it was created and saw that it
wasnt a matter of the placeholders but something with the div's. I haven't
fixed it yet but I now know I need to read up a little more about how divs
work and positioning.

thanks alot.
"Tim_Mac" <ti********@com munity.nospamwr ote in message
news:uB******** ******@TK2MSFTN GP03.phx.gbl...

hi,
i'd suggest posting a HTML equivalent of what you are trying to achieve.
it seems to be a HTML / CSS / Layout problem rather than master pages.
are the divs floated left, or absolutely positioned? in my opinion you'd
need either of these to get a 3 column layout.

the reason they don't wrap is because DIVs are block elements, which by
default take up a whole line.

try this page: http://www.positioniseverything.net/...l.stretch.html

does this help?
tim
"D" <Da**@nothing.n etwrote in message
news:ee******** ******@TK2MSFTN GP02.phx.gbl...

>Hi,

I've been toying around with master pages and am trying to set up your
standard banner across the top and 3 areas below that, left content,
center content and right content.

I have the banner part being the top level master page and the left
content be nested master page named subMaster.maste r. In this I have 3
div's that I've named

SubMaster_Left Panel
SubMaster_Cent erPanel ***** contains ContentPlaceHol der
SubMaster_Righ tPanel

These are just div's now and don't contain actual panels btw.

I wish to have the LeftPanel contain a treeview for navigation and the
right panel be used for misc alerts or banner advertising. The
CenterPanel I host the ContentPlace holder control for content.

The problem I'm having is it works out well but SubMaster_Right Panel is
always wrapped around to the next line.

Instead of

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center | Right

I have

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center
Right

(if that makes sense).

All widths are thru a CSS using, 10%, 80% and 10% respectively. I can
change them to be alot less and this problem still persists so this
doesn't appear to be overlapping.

Any ideas and or solutions?

Thanks alot for your time.

[Tim_Mac]

hi D,
unfortunately tables are still the most sure-fire absolutely-cross-browser
method of getting a 3 column layout.
many web sites may not need to be concerned with the likes of Netscape 4.6
etc but i just thought you'd like to be aware of the lack of proper CSS
support in older browsers. IE 5 and 6 also has many CSS layout bugs that
make life difficult, CSS coders often use hacks in their stylesheets to work
around these problems.

whatever CSS/Div approach you use, some older browsers will screw it up and
just spit out the divs vertically, or on top of each other.

good luck
tim
"D" <Da**@nothing.n etwrote in message
news:eQ******** ******@TK2MSFTN GP04.phx.gbl...

Yes that helps quite a bit thank you. I was looking at it last night and
looking at the html the page generated when it was created and saw that it
wasnt a matter of the placeholders but something with the div's. I haven't
fixed it yet but I now know I need to read up a little more about how divs
work and positioning.

thanks alot.
"Tim_Mac" <ti********@com munity.nospamwr ote in message
news:uB******** ******@TK2MSFTN GP03.phx.gbl...

>hi,
i'd suggest posting a HTML equivalent of what you are trying to achieve.
it seems to be a HTML / CSS / Layout problem rather than master pages.
are the divs floated left, or absolutely positioned? in my opinion you'd
need either of these to get a 3 column layout.

the reason they don't wrap is because DIVs are block elements, which by
default take up a whole line.

try this page: http://www.positioniseverything.net/...l.stretch.html

does this help?
tim
"D" <Da**@nothing.n etwrote in message
news:ee******* *******@TK2MSFT NGP02.phx.gbl.. .

>>Hi,

I've been toying around with master pages and am trying to set up your
standard banner across the top and 3 areas below that, left content,
center content and right content.

I have the banner part being the top level master page and the left
content be nested master page named subMaster.maste r. In this I have 3
div's that I've named

SubMaster_Lef tPanel
SubMaster_Cen terPanel ***** contains ContentPlaceHol der
SubMaster_Rig htPanel

These are just div's now and don't contain actual panels btw.

I wish to have the LeftPanel contain a treeview for navigation and the
right panel be used for misc alerts or banner advertising. The
CenterPanel I host the ContentPlace holder control for content.

The problem I'm having is it works out well but SubMaster_Right Panel is
always wrapped around to the next line.

Instead of

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center | Right

I have

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center
Right

(if that makes sense).

All widths are thru a CSS using, 10%, 80% and 10% respectively. I can
change them to be alot less and this problem still persists so this
doesn't appear to be overlapping.

Any ideas and or solutions?

Thanks alot for your time.

[D]

I'm going to play around with it for a little more then maybe go back to
tables if it doesn't work for me.

Thanks for the advice
"Tim_Mac" <ti********@com munity.nospamwr ote in message
news:%2******** ********@TK2MSF TNGP02.phx.gbl. ..

hi D,
unfortunately tables are still the most sure-fire absolutely-cross-browser
method of getting a 3 column layout.
many web sites may not need to be concerned with the likes of Netscape 4.6
etc but i just thought you'd like to be aware of the lack of proper CSS
support in older browsers. IE 5 and 6 also has many CSS layout bugs that
make life difficult, CSS coders often use hacks in their stylesheets to
work around these problems.

whatever CSS/Div approach you use, some older browsers will screw it up
and just spit out the divs vertically, or on top of each other.

good luck
tim
"D" <Da**@nothing.n etwrote in message
news:eQ******** ******@TK2MSFTN GP04.phx.gbl...

>Yes that helps quite a bit thank you. I was looking at it last night and
looking at the html the page generated when it was created and saw that
it wasnt a matter of the placeholders but something with the div's. I
haven't fixed it yet but I now know I need to read up a little more about
how divs work and positioning.

thanks alot.
"Tim_Mac" <ti********@com munity.nospamwr ote in message
news:uB******* *******@TK2MSFT NGP03.phx.gbl.. .

>>hi,
i'd suggest posting a HTML equivalent of what you are trying to achieve.
it seems to be a HTML / CSS / Layout problem rather than master pages.
are the divs floated left, or absolutely positioned? in my opinion
you'd need either of these to get a 3 column layout.

the reason they don't wrap is because DIVs are block elements, which by
default take up a whole line.

try this page: http://www.positioniseverything.net/...l.stretch.html

does this help?
tim
"D" <Da**@nothing.n etwrote in message
news:ee****** ********@TK2MSF TNGP02.phx.gbl. ..
Hi,

I've been toying around with master pages and am trying to set up your
standard banner across the top and 3 areas below that, left content,
center content and right content.

I have the banner part being the top level master page and the left
content be nested master page named subMaster.maste r. In this I have 3
div's that I've named

SubMaster_Le ftPanel
SubMaster_Ce nterPanel ***** contains ContentPlaceHol der
SubMaster_Ri ghtPanel

These are just div's now and don't contain actual panels btw.

I wish to have the LeftPanel contain a treeview for navigation and the
right panel be used for misc alerts or banner advertising. The
CenterPane l I host the ContentPlace holder control for content.

The problem I'm having is it works out well but SubMaster_Right Panel is
always wrapped around to the next line.

Instead of

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center | Right

I have

Top Banner Top Banner Top Banner
-------------------------------------
Left | Center
Right

(if that makes sense).

All widths are thru a CSS using, 10%, 80% and 10% respectively. I can
change them to be alot less and this problem still persists so this
doesn't appear to be overlapping.

Any ideas and or solutions?

Thanks alot for your time.