Summary | Fix for "Collapse Sidebar" Quirkiness in IE |
Queue | Horde Framework Packages |
Queue Version | FRAMEWORK_3 |
Type | Enhancement |
State | Resolved |
Priority | 1. Low |
Owners | |
Requester | webmgr (at) muskingum (dot) edu |
Created | 08/17/2006 (6925 days ago) |
Due | |
Updated | 10/07/2006 (6874 days ago) |
Assigned | |
Resolved | 10/07/2006 (6874 days ago) |
Milestone | |
Patch | No |
State ⇒ Resolved
boundaries, but it still looks better than with the gap.
I implemented this differently though.
templates/sidebar-header.inc
Duplicate of common-header.inc
Add the following before </head>:
<!--a75c305b1c0a6022--><style type="text/css" media="screen">
html {overflow-x: hidden;}
</style>
service/portal/sidebar.php
At end of file, change common-header.inc to sidebar-header.inc
effective in my install:
templates/sidebar-header.inc
Duplicate of common-header.inc
Add the following before </head>:
<!--a75c305b1c0a6022--><style type=?text/css? media=?screen?>
html {overflow-x: hidden;}
</style>
service/portal/sidebar.php
At end of file, change common-header.inc to sidebar-header.inc
This allows other pages to continue using common-header, and allowed
the sidebar to have its own.
an unwanted behaviour.
New Attachment: ie_quirk_screenshots_expand.png
the gap appears to be the space for the (non-existent) vertical scrollbar.
I don't have a screenshot, but the problem is a 10-15 pixel gap
between the left and right frames when IE inserts a horizontal
scrollbar in the left sidebar frame. As in, anytime you have a long
label.
My solution to the problem is to add:
html {
overflow-x:hidden;
}
body {
overflow-x:visible;
}
to the horde/themes/ie6_or_less.css file.
html is the only element this property can be changed for in IE, so
I'm not sure that the body section actually does anything. The
intention was to try and mitigate any unwanted effects for elements
inheriting their overflow-x.
Adding overflow:hidden or overflow-x:hidden to the
body.scrollbar-quirk class has no effect.
two... I'm right in the middle of class startup so things are really
busy this week for me.
Anyway, I've generally only noticed it in IE that when the sidebar
grows long enough to have a vertical scrollbar, it tends to flake out
when navigating and there becomes a gap between the sidebar and its
scrollbar and then main frame... more so if the sidebar is collapsed
to remove the scrollbar... then refreshing doesn't always fix the view.
Anyway, to address Chuck's comments, yes that's true. The code in
question only addresses spacing issues within IE, so it shouldn't
negatively impact any other settings.
I apologize for the crypticness of this... I'll post more details ASAP.
post a screen shot? I don't see anything wrong.
State ⇒ Feedback
that adds this to the body.scrollbar-quirk class that's already in
horde/themes/screen.css?
Priority ⇒ 1. Low
Type ⇒ Enhancement
Summary ⇒ Fix for "Collapse Sidebar" Quirkiness in IE
Queue ⇒ Horde Framework Packages
State ⇒ New
and general spacing issues between the sidebar and the main page.
Adding the following code to /templates/common-header.inc immediately
before the </head> should resolve it:
<!--a75c305b1c0a6022--><style type=?text/css? media=?screen?>
html {overflow-x: hidden;}
</style>