Sarangan Thuraisingham wrote:
> Colin McGarry wrote: > >> Hello >> I'm trying to adapt a script I found for roll down menus in css. >> My adaptation works except the rolldown menus displace the text of >> the div just below. >> In the original they cover the text. I can't see what I've changed to >> make the comportment change. >> >> The base script is at http://www.cpmac.com/test/menu-horizontal.htm >> my adaptation is at http://www.cpmac.com/test/index-new2.htm >> > > You CSS for the content div was like this: > #site { > position: relative; > z-index: 1; > top : 50px; > [...] > } > > Because, you had the position as relative, when the menu's where shown > the site div's contents changed in relative to the menu. So what you > want to do is, something like, this: > > #site { > position:absolute; > z-index: 1; > top : 200px; > [...] > } > > Because of the absolute positioning, you need to get your top value > correct. Since you site has an logo, the top includes logo's height as > well. What happens, when you visitors disabled images? Will the site > layout get messed up? I will let you ponder over that. > > -- > Regards, > Saru > ------ > ECS, University of Southampton, UK > http://sarangan.thuraisingham.net > ------ > > You're right. Putting position:absolute made the text stay behind the dropdown menus. But I don't understand why it's only the text which is affected. I've made some changes to the css to put the (#site) div higher than the menu bar. A yellow background for site and a mauve background for P. The site div text stays behind the text of the menu headings (which in a dt) but once a menu rolls down (which is dd - ul- li) the text is displaced. cpmac ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
