Navigation bar layout broken in Opera

[anonymous]

In Opera 7 web browser, the button bar ("Wiki", "Timeline", "Browse Source", "View Tickets", "New Ticket", "Search") is arranged vertically instead of horizontally.

Normally this doesn't cause any real problems, but on a few pages it obscures some of the buttons.

This bug doesn't occur in IE6 or Firefox.

Please make sure that you are generating correct W3C compliant CSS/XHTML layout code and if you can't find anything fishy, contact Opera.

[dobes]

New development: now that there are Ads By Google on the trac site for trac itself, I can't click on the 'search' button - it is obscured by the 'ads by google' box. This probably only happens in Opera 7.

[dobes]

New development: now that there are Ads By Google on the trac site for trac itself, I can't click on the 'search' button - it is obscured by the 'ads by google' box. This probably only happens in Opera 7.

[Kai Backman <trac-contact@…>]

Changed scope of the ticket to reflect that Google advertisements also hide the rightmost

columns in most ticket reports for the first 20 rows. The setup is standard IE 6 with a screen resolution of 1024x768.

[mario at ruggier.org]

On OS X Panther, running Safari 1.2.3, the Google ads also hide the rightmost columns in ticket reports, unless the browser window is made wide enough, and the screen is big enough… the table output of the reports seem to take a fixed width space, while the ads are floating flush right. However, on the search page results, the results take up a variable width, thus fitting nicely to the left of the ads. Maybe a similar behaviour shuld be adopted for ticket reports.

[tdooher.lists AT naturalmotion.com]

I've found a fix/workaround that prevents Opera breaking the navbar. Instead of floating left and filling in from the right, float right and fill in from the left. Patches below for trac.css and one to apply either to the default header.cs or the site override copy to reverse the rendering order:

• trac.css

--- trac.css.original   2004-07-15 13:10:30.000000000 +0100
+++ trac.css    2004-09-07 11:20:26.000000000 +0100
@@ -108 +108 @@
-#navbar li { float: left }
+#navbar li { float: right }

• header.cs

--- header.cs.original  2004-09-07 11:52:27.000000000 +0100
+++ header.cs   2004-09-07 11:51:57.000000000 +0100
@@ -95,12 +94,0 @@
-  <?cs call:navlink("Wiki", $trac.href.wiki, $wiki_view,
-                    $trac.acl.WIKI_VIEW, "1") ?>
-  <?cs call:navlink("Timeline", $trac.href.timeline, "timeline",
-                    $trac.acl.TIMELINE_VIEW, "2") ?>
-  <?cs call:navlink("Browse Source", $trac.href.browser, $browser_view,
-                    $trac.acl.BROWSER_VIEW, "") ?>
-  <li style="display: none"><a href="<?cs var:$trac.href.newticket ?>"
-                    accesskey="7">New Ticket (Accessibility)</a></li>
-  <?cs call:navlink("View Tickets", $trac.href.report, $ticket_view,
-                    $trac.acl.REPORT_VIEW, "") ?>
-  <?cs call:navlink("New Ticket", $trac.href.newticket, "newticket",
-                    $trac.acl.TICKET_CREATE, "9") ?>
@@ -108,0 +97,12 @@
+  <?cs call:navlink("New Ticket", $trac.href.newticket, "newticket",
+                    $trac.acl.TICKET_CREATE, "9") ?>
+  <?cs call:navlink("View Tickets", $trac.href.report, $ticket_view,
+                    $trac.acl.REPORT_VIEW, "") ?>
+  <li style="display: none"><a href="<?cs var:$trac.href.newticket ?>"
+                    accesskey="7">New Ticket (Accessibility)</a></li>
+  <?cs call:navlink("Browse Source", $trac.href.browser, $browser_view,
+                    $trac.acl.BROWSER_VIEW, "") ?>
+  <?cs call:navlink("Timeline", $trac.href.timeline, "timeline",
+                    $trac.acl.TIMELINE_VIEW, "2") ?>
+  <?cs call:navlink("Wiki", $trac.href.wiki, $wiki_view,
+                    $trac.acl.WIKI_VIEW, "1") ?>

This looks identical in Firefox 0.93, Opera 7.54 and IE 6.1, aolving the original bug, but not the adwords stuff.

[tdooher.lists AT naturalmotion.com]

It still doesn't work in Opera 7.23, it seems. The rendering is still stacked on the right, but is also right-justified which, if anything, makes it worse.

[anonymous]

Opera's rendering of option bar

[Christopher Lenz]

See #372 and [510]. This is a rendering bug in Opera that we are unable to work around. As explained in #372, reversing the order of the "buttons" in the markup is not an option.

Luckily, the bug seems to be fixed in Opera 7.6 (as of ​preview 1 on windows), so I'm going to close this bug.

[anonymous]

to fix it, just remove the following lines from trac.css

 /* Hide from IE/Mac \*/
 display: block;
 float: left;
 /* Unhide */

[Christopher Lenz]

That's not a fix and breaks other aspects of the layout.

[Christopher Lenz]

This is a duplicate of #371.