Navigation menu browser issue

[panteliskas]

Hi , all

The navigation menu “appears” different in chrome. In IE and mozilla i have no problem.

the code is

#navigation {
margin: 0;
padding: 0;
text-align:left; }

#navigation ul.links li,

#navigation ul.menu li {
position:absolute;
float: left;
height:45px;
left:40%;
padding: 18px;
list-style-type: none;
list-style-image: none;
block:display;}

#navigation li.menu-334 a {
width: 155px;
height: 45px;
left:-360px;
text-indent: -9999px;
background-image:url(../images/ste.png);
background-image:no repeat;
position:absolute;}

url:http://www.chaniapolis.gr/

Thank a lot for your time.
P.K

[Paulie_D]

Are you using a reset.css or normalise?

The absolute positioning of the menu items is, in my opinion, the **LAST** way to do that. There are much better options available.

BTW, your bg image in the header isn’t wide enough for my monitor so it repeats…badly.

[panteliskas]

I change navigation.css of zen theme of drupal!! I make something wrong??
My problem is that the navigation menu is lower in chrome than in firefox! Can you tell me an option for my problem?
I fix the image header later!

Thanks

[Paulie_D]

I know what the problem is but if you haven’t answered the basic questions.

I’m not familiar with the ‘zen’ theme and the vast majority here aren’t familiar with drupal.

[Paulie_D]

The CSS for the `li’ is odd for a ‘professional’ theme

#navigation ul.links li, #navigation ul.menu li {
position: absolute;
float: left;
height: 45px;
left: 40%;
padding: 18px;
list-style-type: none;
list-style-image: none;
block: display;
}

Either you are positioning absolutely or your are floating…you can’t do both.

I suspect that there is a ‘padding’ discrepancy between FF & Chrome

[panteliskas]

Hi Paulie_D and thanks a lot for spare your time. The problem is css , i belive you can help me how can i make the navigation menu center horizontal.

Thanks again.

[Author]

Posts