9 Feb 12:53
[Trac] Fix for layout of admin pages in IE6
Hi all, in case you're still dealing with any Trac admins that are using IE6 (yes, there are some floating around out there - we just found one yesterday 
, here is what we discovered for fixing the layout of the admin pages.
The .addnew CSS class (from admin.css) that gets applied to things like the "Add Account" form on the users page uses float:right to move to the right side of the page. This causes IE6 some issues in calculating the layout and is manifested by the content in the middle of the page (e.g. the user list) to stretch all the way to the right of the page.
The fix is to forcibly set the width of the non "addnew" content since it is not calculated correctly.
One issue that came up in applying this generally to all of the admin pages is that there isn't any class that is assigned to items that don't get the float:right treatment. We ended up using a little bit of extra javascript to do this dynamically.
Since we have upgraded jQuery to 1.3.2 we were able to use jQuery's closest() method to pick out forms that are within the #tabcontent id, but are not within an .addnew item. This would get inserted into the ie_pre7_hacks.js file.
$('#tabcontent form').each(function() {
if($(this).closest('.addnew').length == 0) {
$(this).css({width:'62%'});
}
});
If you have jQuery 1.2.6 (which is the default for Trac 0.11.x), then you'd need to modify this slightly (or do something else to tweak the generated HTML to have a class that you can target).
It's a bit of a hack and could certainly be more elegant, but it makes the admin pages functional under IE6 again without breaking other browsers, so it's probably not worth too much additional effort.
You received this message because you are subscribed to the Google Groups "Trac Users" group.
To post to this group, send email to trac-users-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To unsubscribe from this group, send email to trac-users+unsubscribe <at> googlegroups.com.
For more options, visit this group at http://groups.google.com/group/trac-users?hl=en.
RSS Feed