Solved

css horizontal menu broken in firefox

Posted on 2007-11-19
6
636 Views
Last Modified: 2010-04-21
I have a page at www.pacificatechnologies.net that is using a horizontal css based menu.  It works great in safari and IE 7 on the pc.  However, it doesn't layout properly in firefox on the pc or mac.

Can anyone help me figure out the issue?

0
Comment
Question by:marglar
  • 3
  • 2
6 Comments
 
LVL 18

Expert Comment

by:ChetOS82
ID: 20319433
in the css file.  For the "#nav li" declaration, take "display:inline;" out.  That works for FF.  I am not sure if it will continue to work for IE.  Please try that and let me know.
0
 
LVL 12

Accepted Solution

by:
oceanbeach earned 500 total points
ID: 20319446
Hello marglar,

Try removing 'float:left' from '#nav li a' and place it with '#nav li'.

I hope this helps!

oceanbeach
0
 
LVL 12

Expert Comment

by:oceanbeach
ID: 20319594
Hi marglar,

If you switch the float property location, you may also need to change the padding to 0 for #nav li.

-OB
0
What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

 

Author Comment

by:marglar
ID: 20320834
That did it OB!  Thanks!


0
 

Author Closing Comment

by:marglar
ID: 31410068
Great!
0
 
LVL 12

Expert Comment

by:oceanbeach
ID: 20320924
Hi marglar,

Happy to be of assistance!

-OB
0

Featured Post

Does Powershell have you tied up in knots?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Message not shown 5 51
Centered Image 2 29
Location of Buttons 4 15
CSS: Making responsive table look nicer 7 27
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

832 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