SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: annnoying css

  1. #1
    SitePoint Zealot
    Join Date
    Mar 2005
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question annnoying css

    Please help me out to solve this annoying sympthom on my drop-down menu.

    Previous post:http://www.sitepoint.com/forums/showthread.php?t=443756

    The news:
    I got the same scenarion under vml charts ( the menu goes beneath it when expanded)

    I use a applet java to show the chart, so I assigned it to a class with the z-index property setted to -900 and added the z-index:900 on my menu (see link for css code) but nothing changes.. I mean, when expanded, the menu drops beneath select inputs and also my vml charts on the background page.

  2. #2
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    I assume you are using and object or embed for this java applet (eww) these things are known not to conform to positioning layers.

    As far as i know there is no CSS fix.
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  3. #3
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,813
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    In the case of <object>s in your web page it depends on how the content of the object is defined as to whether it will allow anything else on the page to overlap on top of it or will force everything to go behind. Maybe if you post the HTML code for the object someone may be able to tell you how to fix it.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  4. #4
    SitePoint Zealot
    Join Date
    Mar 2005
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok..
    And how about the select inputs...the scenario is the same.

  5. #5
    SitePoint Guru
    Join Date
    Apr 2006
    Posts
    802
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IE7 redesigned their select tags, they no longer are 'windowed' controls,
    but ordinary form controls, that obey positioning syntax.
    The other browsers never had the z-index on top
    problem.

    applets are still hard to layer, though it works to open them in an iframe in a div, and position the div. I usually just try to
    design those items so they stay on top, like telling the dog to "lie down" when he's sleeping...
    Last edited by mrhoo; Dec 16, 2006 at 20:52.

  6. #6
    SitePoint Zealot
    Join Date
    Mar 2005
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think i'm too newbie for such general and advanced answers.
    Coul'd you guys be more specific, maybe reffering to my code?

    I tried to aplly a css class to a inner frame carring the selects inputs firstly and then the applet.Neighter changed anything at all..
    css class:
    .low_layer{
    z-index:-900}

    <iframe id="tabiframe" src="index.asp" width="775" height="305px" scrolling="no" class="low_layer"></iframe>

    mrhoo,
    You mean the select input issue can be solved only on latest IE version?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •