Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

menu not working in firefox

Posted on 2014-02-25
6
Medium Priority
?
375 Views
Last Modified: 2014-03-26
Hello I have a menu which works fine in IE, but nt in Firefox ? It just is not clickable. What is not ok ?

<ul id="menu">
					<li><br/><br/><br/><a class="current">HOME</a></li>
					<li><br/><br/><br/><a href="789456123d/aboutus.html">ÜBER UNS</a></li>
					<li><br/><br/><br/><a href="789456123d/team.html">TEAM</a></li>
					<li><br/><br/><br/><a href="789456123d/practice.html">TÄTIGKEITSGEBIETE</a></li>
					<li><br/><br/><br/><a href="789456123d/news.html">NACHRICHTEN</a></li>
					<li><br/><br/><br/><a href="789456123d/contact.html">KONTAKT</a></li>
					<div style="z-index: 99; position: relative; left:25px; top: -0px; height: 64px;"><img src="images/logo1b.png" width="300px" /></div>
				</ul>

Open in new window


and the css of menu :

#menu { height: 44px; padding: 5px 0 0 4px; }
	#menu li { float: left; font-size: 1.3em; text-transform: uppercase; }
		#menu li a { color: #ccc; margin: 0 24px 0 0; }
			#menu li a.current { color: #fff; }			
			#menu li a:hover { color: #ffcc33; font-size: 1.0em;}			

Open in new window

0
Comment
Question by:troosters
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 9

Expert Comment

by:WebDevEM
ID: 39885556
Without seeing it in action, along with everything else around it, it's difficult to tell... One thing that MAY be the case is having the DIV inside your UL.  That's technically not proper HTML, since only LI should be inside UL.  (You can have a DIV inside the LI, but not as a direct child of the UL)

First thing I would try is removing that DIV and putting it outside the UL like so:
<ul id="menu">
					<li><br/><br/><br/><a class="current">HOME</a></li>
					<li><br/><br/><br/><a href="789456123d/aboutus.html">ÜBER UNS</a></li>
					<li><br/><br/><br/><a href="789456123d/team.html">TEAM</a></li>
					<li><br/><br/><br/><a href="789456123d/practice.html">TÄTIGKEITSGEBIETE</a></li>
					<li><br/><br/><br/><a href="789456123d/news.html">NACHRICHTEN</a></li>
					<li><br/><br/><br/><a href="789456123d/contact.html">KONTAKT</a></li>
				</ul>
<div style="z-index: 99; position: relative; left:25px; top: -0px; height: 64px;"><img src="images/logo1b.png" width="300px" /></div>

Open in new window

If you could post a link to the site (if that's possible) it would help us debug the issue a little better.

WebDevEM
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39887159
It looks broken, but without a validation of the page I would not even venture a guess what is wrong.  Firefox tends to be more sensitive to markup errors so it makes senses that a structure like that would have issues.

Cd&
0
 

Author Comment

by:troosters
ID: 39888050
I attached a full file.
But what do you mean by it is looks broken ?
indexf.html
screen.css
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 2000 total points
ID: 39888874
As I suspected, the code is not valid.  Run your markup through http://validator.w3.org/
and fix your errors.  Putting a div inside the list is the worst problem, but there are a couple of others errors as well.  The stylesheet looks okay but you are also doing inline styling and that kind of mix can be lethal to a page; and make maintenance difficult.

Cd&
0
 
LVL 58

Expert Comment

by:Gary
ID: 39955541
I've requested that this question be deleted for the following reason:

The question has either no comments or not enough useful information to be called an "answer".
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

715 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question