divs with z-index & position class

Posted by Sotos on Stack Overflow See other posts from Stack Overflow or by Sotos
Published on 2010-05-27T14:04:22Z Indexed on 2010/05/27 14:11 UTC
Read the original article Hit count: 143

Filed under:

div

|

css-positioning

hello, i need your help with div positioning into a page. i have the below divs:

- the header with z-index 10, position absolute, top 0, height 250px, width 100%
- wrapper with margin 0 auto, width 990 and inside
- the menu with z-index 8
- content to the right of the menu with z-index 9 so that i could scroll it below the header.

the problem is that i want the menu to have fixed position and this is not possible cause it is not working for the x-axis as it gets outside wrapper.

Any ideas?

thanks Sot

© Stack Overflow or respective owner

Related posts about div

add a div.class in a child, only when the parent does not have other div.class

as seen on Stack Overflow - Search for 'Stack Overflow'
i have a html code like this: <div class="someclass"> <div class="childclass"></div> <div class="checkclass"></div> </div> <div class="someclass"> <div class="childclass"></div> </div> <div class="someclass"> <div… >>> More
#div:normal #div:hover #div:SELECTED?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, On the "services" and "company" pages I have a right sidebar list. This is being included with PHP. So far I have a CSS class for normal and a CSS class for when you hover each item in the list. I want to have a new class for when each list item is selected. So for example in services,… >>> More
DIV Overlaying DIV, links in backmost DIV non-accessible

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a photoshop image that is 500x600 that I am using as a background image for the first div. The second div sits over top of the first div and is populated with images. The z-index of the first div is set to 100. The effect is the photoshop image sits over top of all of the smaller images. The… >>> More
Two DIV layers: resize top DIV based on dynamic height of bottom DIV

as seen on Stack Overflow - Search for 'Stack Overflow'
I have two DIV layers, one above the other. In the top DIV, there is an image, and in the bottom DIV, there is a block of text. The amount of text in the bottom DIV will change, thus increasing and decreasing the required height. I need to dynamically decrease the height of the image in the top DIV… >>> More
Why won't my DIV height grow? Is it because I am using floats?

as seen on Stack Overflow - Search for 'Stack Overflow'
Please help! I am trying to create some div sections and some of these div sections have some other divs that are floated. All of which I have cleared. But the sections are not growing to accomodate the content inside of them. The following is my HTML - <div class="data"> <div class="name">Data</div> … >>> More

Related posts about css-positioning

Best tool for developing CSS positioning code

as seen on Stack Overflow - Search for 'Stack Overflow'
What's the best way to develop CSS, in particular if it will play a role in formatting the page, etc. Is this best done by hand or with a particular editor? If by hand, how would you know the values needed to specify the positioning? If a tool is best, can VS2008/2010 do the job, or are there… >>> More
Difference in css-positioning in windows and linux

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a problem with rendering my html page by the same browsers in different OS. There are 3 spans and position of each span is corrected through css(position:relative). But I have found out that the page that looks correct in firefox under Linux, shows not right at the same firefox(3.5.7) under… >>> More
What can tables do that CSS positioning cannot?

as seen on Stack Overflow - Search for 'Stack Overflow'
I know there are various good arguments preferring css positioning over table-based layouts. What I'm wondering is whether the CSS model is complete (assuming a relatively modern browser) with respect to ALL of the capabilities of tables. Are there layouts that tables can achieve that are impossible… >>> More
CSS positioning breaks in Safari

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, i have a website in which i am trying to position (using CSS) a certain on the page. the is absolutely positioned and is located inside a relatively positioned paernt . on firefox and even IE it looks ok but on Safari, things get messy and it shows 5 pixels lower than it should. i have tried… >>> More
CSS positioning inside div

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using a div with 2 elements inside and I want to position my 1st element to be vertically aligned top and 2nd element to the bottom of the div. The div is the right portion of my page and equal to the height of my main content. #right { float:right; width: 19%; background:#FF3300; … >>> More