No effect for 'z-index' when using 'position:reletive' ?

Posted on 2004-04-09
Last Modified: 2008-03-06
As part of my page design I have to use 'position: reletive' and give it a high 'z-index' but it does not seems to work - the z-index has no effect althou it does with 'position: absolute' but then it won't look as I like it to be designed.
Here is how I'm trying to use it : <div style="position:reletive; z-index: 20;">    is there something wronge with it?  Is there any way to make it work?
thanx in advance.

Question by:orik7

Accepted Solution

ljfernandez earned 45 total points
ID: 10794848
I noticed that "relative" is spelled wrong. This could be breaking the z-index style.

<div style="position:relative; z-index: 20;">    

LVL 12

Expert Comment

ID: 10794929
If you are trying to bring a div over a drop down menu... then you are going to get the desired effect,
because of a bug in IE.


Author Comment

ID: 10794935
Thank you so much Lisa :)
You were 100% right !

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jquery easyautocomplete for mutiple text boxes 9 64
tomcat startup error 5 63
Fulfillment API php code sample 1 40
How to create a textarea which saves text in HTML 8 37
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question