column "prioritization" issues

please help

[Acternaweb]

I have three columns, when the browser is minimized, the right colum "over laps" the center, and then is overlapped by the left. I want the center column to have the highest priority so nothing overlaps it. Do I have something wrong, or do is there code to help wiht this? Any help?

[BlobFisk]

What about using the z-index to achieve this? The most important layer gets the highest z-index and so on...

HTH

[Acternaweb]

I will try it thanks. Highest meaning 10 or highest meaning 1?

[BlobFisk]

The higher the number the higher the "stack level" of the element. Am element with a stack level/z-index of 90 will sit on top of an element with a stack order of 20.

W3C CSS2.1 z-index specification [w3.org]

HTH

[renvac]

Hi - After this post, I think I may be a little confused on the z-index? Is this needed when one is building layers -which are overlapping each other or is it also needed when you have separate columns ie:
say Nav top, side bar, content and right bar.

And how do you determine what number to give the z-index?
Thanks again
RenVac

[BlobFisk]

z-index really only comes into play when you are stacking <div>s and you want to specify which layer is on top.

What number you use is up to you, as long as the layer on top has a higher integar as it's z-index as the lower one.

HTH

[renvac]

Thank you BlobFisk - thats what I thought that z-index was for stacking - but the original question and answer is what confused me - I understood the first question to be that when the browser is in a smaller mode - the 2 outer columns squashed over the center column. Maybe I misunderstood the question.
Thanks for the answers.
RenVac