Wrox Programmer Forums
| Search | Today's Posts | Mark Forums Read
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
  #1 (permalink)  
Old February 21st, 2005, 06:22 AM
Friend of Wrox
 
Join Date: Sep 2004
Location: Tehran, Tehran, Iran.
Posts: 103
Thanks: 0
Thanked 0 Times in 0 Posts
Default position:absolute

hi everbody,
   when I set the style of any element on a page with "position:absolute" I expect it to be placed on top of
every other item on the page but in the html below...

 <body>
  <div style="position:absolute" >
      xx<br>xxx<br>xxx
  </div> <br>
  <select>
     <option >
          aaaaaaaaaaaaaaaaa
     </option>
  </select>
 </body>

the div will go under the select box
why?
what should I do to avoid it?
help please

  #2 (permalink)  
Old February 21st, 2005, 06:55 AM
Friend of Wrox
 
Join Date: Dec 2004
Location: Chennai, Tamil nadu, India.
Posts: 307
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to Vadivel Send a message via Yahoo to Vadivel
Default

I guess you need to use top/left/right/bottom properties to position the element.

Check this :: http://www.w3schools.com/css/pr_class_position.asp

Best Regards
Vadivel

MVP ASP/ASP.NET
http://vadivel.thinkingms.com
  #3 (permalink)  
Old February 21st, 2005, 09:07 AM
richard.york's Avatar
Wrox Author
Points: 5,506, Level: 31
Points: 5,506, Level: 31 Points: 5,506, Level: 31 Points: 5,506, Level: 31
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2003
Location: Camby, IN, USA.
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts
Default

A bug in IE prevents a positioned element from being placed on top of certain other elements, such as <select> and <object>, even if the positioned element has a higher z-index.

The only remedy is to hide those elements via javascript when a positioned element is present, but this is not always desired.

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design
  #4 (permalink)  
Old February 21st, 2005, 10:17 AM
Friend of Wrox
 
Join Date: Sep 2004
Location: Tehran, Tehran, Iran.
Posts: 103
Thanks: 0
Thanked 0 Times in 0 Posts
Default

I wish I had not considered IE as the defualt browser for the site...



Similar Threads
Thread Thread Starter Forum Replies Last Post
absolute path required?? atila Crystal Reports 0 April 29th, 2006 06:31 AM
VSProject need absolute path to the references acuze C# 0 April 18th, 2006 06:06 PM
position: absolute; fix for IE 7 crmpicco Javascript How-To 1 March 30th, 2006 04:45 AM
<div> with a absolute position crmpicco Javascript How-To 0 August 30th, 2005 05:42 AM
Absolute position vs. other divs beckfield CSS Cascading Style Sheets 2 March 23rd, 2005 04:21 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.