Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 1960 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     Programming     Javascript :

Javascript Menu IE6 probs

Thread title: Javascript Menu IE6 probs
Closed Thread    
    Thread tools Search this thread Display Modes  
06-14-2008, 05:15 PM
#1
Seanneo is offline Seanneo
Status: Junior Member
Join date: May 2007
Location:
Expertise:
Software:
 
Posts: 26
iTrader: 1 / 100%
 

Seanneo is on a distinguished road

  Old  Javascript Menu IE6 probs

hey all,
i made this drop down using CSS and javascript, works great in FF Safari and IE7+ but IE6 has a small problem, when the menu appears and stays there until your mouse comes off it. In IE6 if there is text behind the menu it seems to thing the mouse has come off the menu. I thought it might be a z-index thing but that didn't make a difference.

check it for yourself:
http://www.internal-regulation.com

css:
Code:
body {
	background-color: black;
	color: black;
	font-family: arial;
	font-size: 12;
	margin: 0;
}

table p {
	margin: 0;
	padding: 0;
}


blockquote {
	margin: 0;
	padding: 0;
}

table,td,tr {
	vertical-align: middle;
	border: 0;
}



#bannerbar {
	background-color: black;
	margin: 50px 0 0 0;
	width: 100%;
	min-width: 900px;
}

#banner {
	background-image: url(images/header2.jpg);
	height: 182px;
	width: 671px;
	margin-left: 200px;
}

#navbar {
	background-image: url(images/navstrip.jpg);
	height: 64px;
	width: 100%;
}

#content {
	background-color: #fff8ce;
	min-height: 400px;
	padding: 20px 0 20px 195px;
}

#bottombar {
	background-color: black;
	color: white;
	margin: 20px 20px 20px 0;
	text-align: right;
}

.b1 {
	background-image: url(images/b1.jpg);
	width: 110px;
	height: 44px;
	display: block;
	padding: 20px 0 0 0;
}

.b2 {
	background-image: url(images/b2.jpg);
	width: 110px;
	height: 44px;
	display: block;
	padding: 20px 0 0 0;
}

.b3 {
	background-image: url(images/b3.jpg);
	width: 110px;
	height: 44px;
	display: block;
	padding: 20px 0 0 0;
}

.b4 {
	background-image: url(images/b4.jpg);
	width: 110px;
	height: 44px;
	display: block;
	padding: 20px 0 0 0;
}

.navright {
	background-image: url(images/navright.jpg);
	width: 226px;
	height: 64px;
	display: block;
}

.navleft {
	background-image: url(images/navleft.jpg);
	width: 234px;
	height: 64px;
	display: block;
	min-width: 0px;
}

#buttons {
	margin: 0 0 0 50px;
	padding: 0;
	min-width: 950px;
}

#buttons li {
	display: block;
	height: 64px;
	list-style: none outside;
	float: left;
	text-align: center;
}

#buttons a:link {
	color: black;
	text-decoration: none;
}

#buttons a:visited {
	color: black;
	text-decoration: none;
}

#buttons a:hover {
	color: #b0a47a;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

#ddhome {
	position: absolute;
	top: 312px;
	left: 324px;
	z-index: 4;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#ddaboutyou {
	position: absolute;
	top: 312px;
	left: 434px;
	z-index: 5;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#ddaboutus {
	position: absolute;
	top: 312px;
	left: 544px;
	z-index: 6;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#ddaction {
	position: absolute;
	top: 312px;
	left: 654px;
	z-index: 7;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#ddhome ul, #ddaboutyou ul, #ddaboutus ul, #ddaction ul {
	margin: 0px 0 0 -40px;
}

#ddhome li, #ddaboutyou li, #ddaboutus li, #ddaction li {
	padding: 3px 10px 3px 10px;
	margin: 0 0 0 0;
	list-style: none outside;
	border: 1px solid gray;
	border-top: 0;
	background-color: #d5be6e;
}

#ddhome li:hover, #ddaboutyou li:hover, #ddaboutus li:hover, #ddaction li:hover {
	background-color: #e0e0e0;
}

#ddhome a:link, #ddaboutyou a:link, #ddaboutus a:link, #ddaction a:link {
	color: black;
	font-weight: none;
	font-style: none;
	text-decoration: none;
}

#ddhome a:hover, #ddaboutyou a:hover, #ddaboutus a:hover, #ddaction a:hover {
	color: black;
	font-weight: none;
	font-style: none;
	text-decoration: none;
}

#ddhome a:visited, #ddaboutyou a:visited, #ddaboutus a:visited, #ddaction a:visited {
	color: black;
	font-weight: none;
	font-style: none;
	text-decoration: none;
}

#contop {
	background-image: url(images/contopquote.jpg);
	width: 700px;
	height: 100px;
	margin: 0 0 -20px 0;
	padding: 0 0 0 0;
}

.title {
	font-family: arial;
	font-size: 27px;
	position: absolute;
	margin: 25px 0 0 100px;
	z-index: 2;
}
.quote {
	font-family: arial;
	font-size: 16px;
	position: absolute;
	margin: 40px 0 0 100px;
	z-index: 1;
}

#conmid {
	background-image: url(images/cmid.jpg);
	background-repeat: repeat-y;
	width: 700px;
	min-height: 300px;
	margin: 20px 0 20px 0;
	padding: 10px 30px 20px 30px;
	z-index: 0;
}

#conbot {
	background-image: url(images/cbot.jpg);
	width: 700px;
	height: 16px;
	margin: -20px 0 0 0;
}
any ideas/help would be much appreciated.
Thx
Seanneo

07-08-2008, 12:00 AM
#2
Superuser Account is offline Superuser Account
Status: I'm new around here
Join date: Jul 2008
Location:
Expertise:
Software:
 
Posts: 15
iTrader: 0 / 0%
 

Superuser Account is on a distinguished road

  Old

not sure about ie, but it doesn't work in FF either (nothing drops down)

ps - i use script blocker, but there's plenty of sites that have drop down menus that i can see

07-20-2008, 09:47 PM
#3
infinivert is offline infinivert
infinivert's Avatar
Status: Junior Member
Join date: Jul 2008
Location: Abilene TX
Expertise: Design, PHP, JS, HTML5, CSS3
Software:
 
Posts: 37
iTrader: 0 / 0%
 

infinivert is on a distinguished road

Send a message via AIM to infinivert

  Old

So, maybe you've already fixed the problem, but I'm testing in IE6 right now, and everything seems to be peachy. The drop-down menu stays visible until I move my mouse away.

Are you still having a problem on your end?

--Josh

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed