• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 342
  • Last Modified:

Firefox CSS problem with background colour on the menu line

Hi
I am making a site new.adpp-mozambique.org and in order to fix the red background after the superfish menu, i have added a "red" picture and it looks ok in Internet Explorer but not in firefox

Anyone has an idea how I can get this sorted so it sees the background picture in Firefox as well.
If possible I am looking for a CSS way to resolve it as i am not very good in creating new containers/divs etc in the Index.php file

The site is a Joomla site

Regards
Morten

0
morten444
Asked:
morten444
  • 2
  • 2
1 Solution
 
Ali KayahanFull Stack DeveloperCommented:
is there any spaces in pciture name ? is there a link or source code for related page?
0
 
DesignbyonyxCommented:
In the superfish.css on line 3 you have the following style:

.sf-menu, .sf-menu * {

}

Use that... add your background color/image there.
0
 
morten444Author Commented:
Hi
The code:
.sf-menu, .sf-menu * {         }

Only change the background of the menu buttons. Not the white area to the right where you have the translation buttons, so that does not work. That white space is not conrtrolled by Superfish, unless I can add a code to superfish to fill 100% of the page

Regarding the picture if it has a space.
To be honest it might not be a picture. I tried that first, but think that I later found a way to set the background to red and it works in IE. I have been looking through for the last 2 hours, but cant find the place in the CSS file, however it only works in IE, not Firefox.

I am still looking into it and will post if i find out more

Any other idears?

Thanks so far
Morten
0
 
DesignbyonyxCommented:
The sfmenu is actually filling in the whole width, but since the list items (<li>) inside of it are floated to the left, the sfmenu is not "aware" of how tall it is... so to speak.

Anyhow.  Ignore my last comment, and do this instead:

superfish.css - Line 11

.sf-menu {
  background-color: #C33;
  min-height: 2.5em;
  border-bottom: 1px solid #000;
  line-height: 1;
}
0
 
morten444Author Commented:
Hi
You are a star !!
Thanks for your help
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now