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 1749 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     Programming     Javascript :

Javascript Menu IE6 probs

Thread title: Javascript Menu IE6 probs
     
    Thread tools Search this thread Display Modes  
Prev Previous Post   Next Post Next
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

     


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