Vertical menu not showing correctly

[finna]

The vertical Ellnav menu seems to have a problem (at least in IE).  When an item is activated, the item shrinks its width to the width of the text, and the next item flows up into the space freed up to the right of the active item. 

Although this is mainly a "cosmetic" problem, I thought I'd mention it, since I haven't been able to find any info about it in the forum.

I have noticed this problem in 0.12 as well as 0.13 betas.

best regards,
Finn

[tsw]

Sounds like a css issue. Default templates work here, got url to see it in action?

[finna]

It could well be an css issue.  I noticed it also in the standard installation.  But www.finn.arildsen.com  is my website, if you'd like to take a look.

Thanks for your fast response.

best regards,
Finn A.

[tsw]

I cant see the problem

but your html isnt valid and in FF I see top menu overlapping the header image (might get fixed with div#header {height:100px} )

can you take a screenshot of it happening?

btw, tried with winXP, ff1.5.0.3 and IE 6.0.2900.xpsp_sp2_gdr.050301-1519 (who understands the version numbering in IE!?!

[finna]

Being a novice in using a CMS, I'm sure I have made some design mistakes.  But I haven't dared touch the menu system. 

On this PC I'm using IE 6.0.2800.1106CO.  I have attached a screen shot.

best regards,
Finn A.


[attachment deleted by admin]

[tsw]

Now I see it

thanks for the screenshot

it seems to be IE bug (li items are block level by default so they should be 100%; width but for some reason this doesnt happen in this ie version (which seems to be the default for windows 2000)

heres a fix

in Nav-vertical find

Code: Select all

#menu_vert li {

  list-style: none;
  }

and change it to

Code: Select all

#menu_vert li {
[color=Red]width: 100%;[/color]
  list-style: none;
  }

let me know if it works right and Ill add it to svn

[finna]

Hi again,

I changed the stylesheet as per your advice.  However, as far as I can tell, it didn't change the behavior.  Incidentally, on the PC I'm sitting at right now, I'm using exactly the IE that you mentioned below, ie. IE 6.0.2900.xpsp_sp2_gdr.050301-1519 

[tsw]

ah sorry, forum didnt mark it right (I tried to emphasize the changed are)

correct syntax

Code: Select all

#menu_vert li {
  width: 100%;
  list-style: none;
}

note to self: remember to preview posts

[finna]

Many thanks for your extremely fast responses.

That did the trick.

I admit that I wondered about the syntax, but on the other hand, who am I as a novice to question it

Thanks again,

Finn

[tsw]

Great, glad it worked

[Dr.CSS]

i also noticed posting code in the code box doesn't allow color or styling,,

  mark