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

Posted on 2004-04-09
Medium Priority
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
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Accepted Solution

ljfernandez earned 180 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

WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Question has a verified solution.

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

Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will learn how to dynamically set the form action using jQuery.
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).
Suggested Courses

752 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