Nav Bar trouble in IE but FF is fine

**mrbubbuls** · 05-01-2008, 04:18 PM

Ya doing a school portfolio, and after adjusting some sizes/positiosn my nav bar stopped functoning in IE< (does not work as roll over or a link just appears as image). here is a link: http://pdhtdev.johnabbott.qc.ca/stud...lman/index.htm

and all the files associated can be found here: http://pdhtdev.johnabbott.qc.ca/stud...ndrew_shulman/

if any one can figure out why and maybe give me a little help it woudl be greatly appreciated, and ont he side the nav bars background chages to the wrogn color in IE, but is proper shade of grey in FF, any suggestiosn there too would be great.

Thanks in advanced, MR.B

**Medyman** · 05-01-2008, 05:22 PM

I suspect your problems are with your javascript. Because you're not really controlling much of the menu with CSS.

I suggest that you actually switch to a CSS menu. That way people with javascript turned off can still navigate through your site.

**rangana** · 05-02-2008, 12:50 AM

....You might find this codes useful for your change

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{spacing:0;padding:0;}
#right {
	width: 260px;
	padding: 0px;
	border: 3px solid #211E08;
	text-align:center;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
	padding: 0px;
	width: 150px;
	text-align: center;
	margin:auto;
}

#right a {
	width: 150px;
	display: block;
	background: #666;
	color: #efefff;
	font: 12pt Tahoma, Arial;
	text-decoration: none;
	padding: 0px;
	line-height:35px;
}

#right a:hover, a.active{
	color: #fff;
	border-left: 12px solid #ccc;
}
</style>
<title>My Page</title>
</head>
<body>
	<div id="right">
		<h3>Menus</h3>
			<ul>
				<li><a href="#" class="active">Home</a></li>
				<li><a href="#">About Me</a></li>
				<li><a href="#">Experience</a></li>
				<li><a href="#">Contact</a></li>
				<li><a href="#">Sample Work</a></li>
			</ul>
	<br/>
	</div>
</body>
</html>

Thread: Nav Bar trouble in IE but FF is fine

Thread Tools

Search Thread

Nav Bar trouble in IE but FF is fine

Bookmarks

Bookmarks

Posting Permissions