6.0.0-git
2019-05-23

[#4308] Fix for "Collapse Sidebar" Quirkiness in IE
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 2006-08-17 (4662 days ago)
Due
Updated 2006-10-07 (4611 days ago)
Assigned
Resolved 2006-10-07 (4611 days ago)
Milestone
Patch No

History
2006-10-07 13:32:58 Jan Schneider Comment #10
State ⇒ Resolved
Reply to this comment
This hides the right border, if the content exceeds the frame's 
boundaries, but it still looks better than with the gap.

I implemented this differently though.
2006-10-06 21:14:35 webmgr (at) muskingum (dot) edu Comment #9 Reply to this comment
Minor Correction below:



templates/sidebar-header.inc

     Duplicate of common-header.inc

     Add the following before </head>:

     <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
2006-10-06 21:08:28 webmgr (at) muskingum (dot) edu Comment #8 Reply to this comment
Jan, that's correct, and I found this variation of the solution to be 
effective in my install:



templates/sidebar-header.inc

     Duplicate of common-header.inc

     Add the following before </head>:

     <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.
2006-10-06 20:41:05 Jan Schneider Comment #7 Reply to this comment
But that would prohibit horizontal scrollbars in *all* pages which is 
an unwanted behaviour.
2006-10-06 20:00:59 noah (at) lsit (dot) ucsb (dot) edu Comment #6
New Attachment: ie_quirk_screenshots_expand.png Download
Reply to this comment
here's a screenshot.



the gap appears to be the space for the (non-existent) vertical scrollbar.
2006-10-06 19:03:41 noah (at) lsit (dot) ucsb (dot) edu Comment #5 Reply to this comment
I noticed this same problem in Internet Explorer 6 on Windows.



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.
2006-08-22 03:25:25 webmgr (at) muskingum (dot) edu Comment #4 Reply to this comment
I'll try to post a screenshot and the css file mod in the next day or 
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.
2006-08-19 08:36:10 Jan Schneider Comment #3 Reply to this comment
And can you please explain exactly what quirk you're talking about, or 
post a screen shot? I don't see anything wrong.
2006-08-18 23:10:30 Chuck Hagenbuch Comment #2
State ⇒ Feedback
Reply to this comment
That'd affect a lot more than just that page though. How about a patch 
that adds this to the body.scrollbar-quirk class that's already in 
horde/themes/screen.css?
2006-08-17 16:26:08 webmgr (at) muskingum (dot) edu Comment #1
Type ⇒ Enhancement
State ⇒ New
Priority ⇒ 1. Low
Summary ⇒ Fix for "Collapse Sidebar" Quirkiness in IE
Queue ⇒ Horde Framework Packages
Reply to this comment
I noticed that IE tends to flake out with the collapse sidebar button 
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:



<style type=?text/css? media=?screen?>

html {overflow-x: hidden;}

</style>

Saved Queries