Mainnav looks funny in IE7

[anonymous]

The little triangle in the corner of the main nav buttons is shifted one pixel to the left in IE 7.

In Trac.css:

#mainnav :link, #mainnav :visited {
 background: url(../dots.gif) 0 0 no-repeat;
 border-right: 1px solid #fff;
 border-bottom: none;
 border-left: 1px solid #555;
 color: #000;
 padding: .2em 20px;

Changing the line

background: url(../dots.gif) 0 0 no-repeat;

to

background: url(../dots.gif) 1px 0px no-repeat;

seems to solve the problem in both browsers. Not sure if this adversely affects other browsers (Firefox, Opera, Safari, etc)

Tested in IE7 on XP SP2.

[Christian Boos]

Well, the main navigation bar has plenty of issues in Internet Explorer, like:

• text doesn't fit the tabs on zooming
• the tabs overlap when the page is narrowed

OTOH, the t.e.o main menu (Home, Weblog, Trac, Genshi, Python Sidebar) behaves very nicely both with Firefox and IExplorer, so the corresponding CSS should probably be used for the regular Trac main nav bar as well.

[Christian Boos]

It shouldn't be hard to get the appropriate CSS fixes so that the "buttons" flow nicely when the page is resized.

[lkraav <leho@…>]

IE7 is seriously antiquated and some services ​are imposing a monetary tax on its users. I suggest just closing this.

[Christian Boos]

Well, as the "funny accents" will be gone soon with the #10012 changes, we could effectively either close this … or recycle it for the next immediate problem I have with IE (with IE8 even) and the new mainnav bar.

[Christian Boos]

Ok, so look at demo-0.13 with IE7, and the "new" problem is quite clear… The new wrapping behavior of the navigation bars relies on .nav li { display: inline-block }, which is unfortunately not supported in IE7.

A workaround for that browser (even without the wrapping behavior) would be nice…

[lkraav <leho@…>]

Maybe this: ​http://stackoverflow.com/questions/4988727/alternative-for-inline-block-for-ie7

[Christian Boos]

Replying to lkraav <leho@…>:

Maybe this: ​http://stackoverflow.com/questions/4988727/alternative-for-inline-block-for-ie7

Awesome, it works. Many thanks!

Added in [4747bebf/cboos.git] (and inadvertently first on +testing! well, no big deal).

[Christian Boos]

Applied in r11098.

[lkraav <leho@…>]

SO ftw, as it usually tends to be these days :>