Hello,
I just found a little z-index issue on http://lists4.opensuse.org/opensuse-buildservice/2006-06/msg00083.html
Screenshot: http://www.cboltz.de/tmp/opensuse-zindex.png
Please notice: - the scrollbar position - the green block top-left - the "to top" block bottom-left
Proposed solution: give the mail body a higher z-index ;-)
Regards,
Christian Boltz
Hello,
Am Montag, 17. Juli 2006 22:34 schrieb Christian Boltz:
I just found a little z-index issue on http://lists4.opensuse.org/opensuse-buildservice/2006-06/msg00083.html
Screenshot: http://www.cboltz.de/tmp/opensuse-zindex.png
Please notice:
- the scrollbar position
- the green block top-left
- the "to top" block bottom-left
Proposed solution: give the mail body a higher z-index ;-)
This is still unchanged - can you please fix the z-index?
Regards,
Christian Boltz
Hello,
(Frank, Henne told me that you will fix the CSS for the mailinglist archives. Here we go ;-) If you didn't read opensuse-test, see the quoted text for an explanation.)
Am Montag, 17. Juli 2006 22:34 schrieb Christian Boltz:
I just found a little z-index issue on http://lists4.opensuse.org/opensuse-buildservice/2006-06/msg00083.html
Screenshot: http://www.cboltz.de/tmp/opensuse-zindex.png
Please notice:
- the scrollbar position
- the green block top-left
- the "to top" block bottom-left
Proposed solution: give the mail body a higher z-index ;-)
I finally found some time to debug this.
To fix the "to top" block, you need to set z-index:3 for #content. (The original value 2 is set in main.css.)
This was the easy part.
The green top-left block is harder to fix. I found out that it's caused by div.bar in opensuse.css and played around with different div.bar styles, but without full success so far :-(
However, I have a 90% fix available - use padding-top instead of margin-top for #content and paint some white over the green ;-)
The only problem left is a small green bar right of the navigation (most visible right of the logo) when scrolling right, caused by div.bar. Maybe you can add some white border-left to #content, I didn't test it. (Google results often recommend to use a background image for <body> instead ("faux columns") - even if this sounds awful, it may be the best solution to replace div.bar...)
Hand-written patch for lists.css:
--- http://lists.opensuse.org/skins/lists.css +++ edited in Firefox / Web Developer Toolbar #content { - margin-top: 86px; + margin-top: 0px; + padding-top: 86px; + z-index:3; }
Regards,
Christian Boltz
-
Christian Boltz