View Full Version : Problems with CSS Nav bar view in FireFox and Opera!?

04-20-2006, 04:10 PM

I'm creating my Portfolio website. I'm using CSS for my nav bar.

My problem is that when viewed in Firefox and Opera it's a little screwy!

It's perfect in IE! Centered and correctly aligned with the nav bar.

In Firefox it's not centered or align with the nav bar line?

In Opera it's justified to the left.

Here's the code:
<style type="text/css">
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background-image: url();
.hovermenu ul{
font: bold 14px arial;
padding-left: 0;
margin-left: 0;
height: 20px;

.hovermenu ul li{
list-style: none;
display: inline;

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;

color: black;
background-color: #c2bebe;
border: 0px solid #c2bebe;

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;

<table width="100%" height="0" border="0" cellpadding="0" cellspacing="0">

<td background="images/header_bg.gif" width="100%" height="86">images/header_logo_2.gif</td>
<td height="40" colspan="2" background="images/nav_bar.gif"><div class="hovermenu">
Profile (http://www.1.com)
Design (http://www.2.com)
Sketches (http://www.3.com)
3D (http://www.4.com)
Illustrations (http://www.5.com)
Web Design (http://www.6.com)

Any help is greatly aprreciated!

THX and Pe@ce

04-20-2006, 06:24 PM
Can you post the whole page including headers?

04-20-2006, 07:33 PM
I uploaded it to a free server.



04-22-2006, 05:20 PM
Anyone? :?:

04-22-2006, 06:52 PM
one of your css rules has an error:
} This should be

A good way of catching errors like this is to validate your CSS:

Or even better get the web developer extension for Firefox, it has many, many features for web developers :)

Page looks pretty neat, good luck with it!

04-23-2006, 08:19 PM
COOL! It worked, except for FIREFPOX. :roll:

THX for the help and tips!