...

View Full Version : Problem with UL hide show CSS.



lokeshshettyk
10-28-2008, 11:09 AM
Hey
I have a serious problem with with a UL appearing under the other DIVs. Can someone please help with this?
Here is the URL in question http://celebrity.aol.co.uk/ - look for the more link on the search bar

Cheers:)

abduraooft
10-28-2008, 11:36 AM
I have a serious problem with with a UL appearing under the other DIVs. Please tell us the issue(and browser, if it's specific for that) rather than letting us to guess.

jasonc310771
10-28-2008, 01:30 PM
well after looking at the site shown above i see that the 'more' drop down menu is not topmost and in view, it is shown behind the 'flash' movie images.

the 'more' menu shows incorrect like this in both Firefox and Internet Explorer 7 on Win XP

abduraooft
10-28-2008, 01:44 PM
OK, have a try with

#searchFrame {/*application.css (line 946)*/
background-color:#6E2657;
border:4px solid #6E2657;
/*overflow:hidden;*/
width:46.6em;
}

<div id="searchFrame">
<form method="get" action="/search/" name="search" id="search">
<label class="noShow" for="eleven"/>
<input type="text" value="" onfocus="this.style.color='#000000';this.value='';" id="elevenSearch" name="q"/>
</form>
<div id="searchButton"><a href="javascript:document.search.submit();" title="Search">SEARCH</a></div>
<div style="clear: both;"></div>

</div>

lokeshshettyk
10-28-2008, 02:40 PM
Hey Guys,
I am extremely sorry for not being specific. I am currently using IE6 and FF2 on Win XP. I have tried what abduraooft has asked me to and got it to work a little better and it now comes over the search input box. But it still goes under the movie module. Please help

Note : the code that abduraooft mentioned has not been updated on the site yet.

abduraooft
10-28-2008, 02:56 PM
Well, have a try with

div#header {/*application.css (line 861)*/
background-color:transparent;
margin:0pt auto;
/*position:relative;*/
width:980px;
}

lokeshshettyk
10-28-2008, 03:05 PM
Hey,
Thanks a ton for your response. Tried what you said and it still goes under the movie module. Please help

Cheers

abduraooft
10-28-2008, 03:23 PM
Not sure, but try the following.

div#mainContainer > div#content {/*application.css (line 95)*/
/*left:auto;*/
position:relative;
width:98em;
z-index:-1;
}
div#content {/*application.css (line 81)*/
/*left:0.1em;*/
margin:0pt;
overflow:hidden;
padding:0pt;
position:relative;
width:98em;
}
#searchFrame {/*application.css (line 946)*/
background-color:#6E2657;
border:4px solid #6E2657;
position:relative;
width:46.6em;
z-index:-1;
}
btw, have tested in FF3?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum