Right hand column drops off when you zoom out [#1251754]

If you're viewing the site in the default browser settings (100%) and then zoom out just one step (CTRL - in either Firefox 5 or IE8), the right hand column / column 3 disappears from its right hand position and displays at the bottom of the page instead. Screenshots attached, firstly of the normal view and then one zoom step down (or go to http://www.cheeseonthegreen.com and do it manually). Can the column be made to stay in position when the user zooms out?

Comment	File	Size	Author
#5	right hand column occluding footer.jpg	95.57 KB	thoughtcat
	cheese_screenshot_zoomout.jpg	54.28 KB	thoughtcat
	cheese_screenshot_normal.jpg	113.23 KB	thoughtcat

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

thoughtcat CreditAttribution: thoughtcat commented 29 August 2011 at 10:59

*bump* :)

Any thoughts??

Comment #2

anthonyjhall CreditAttribution: anthonyjhall commented 14 October 2011 at 02:12

subscribing.

Comment #3

Empiric CreditAttribution: Empiric commented 25 October 2011 at 00:02

Add this to your css:

.make-it-center {position: relative;}
.column-3 {position: absolute; right: 0;}

I believe this quick fix will prevent column from falling under the content while zooming out

Comment #4

thoughtcat CreditAttribution: thoughtcat commented 28 October 2011 at 13:57

That worked - brilliant, thank you! :)

It seems to have pushed the site down about 20 pixels if you're logged in as an administrator with Admin Toolbar turned on - it's not intrusive enough to worry about, but if anything springs to mind then please post.

I've just found that the issue isn't present in IE9, if that's any help also.

Comment #5

thoughtcat CreditAttribution: thoughtcat commented 28 October 2011 at 16:12

File	Size
right hand column occluding footer.jpg	95.57 KB

Oh dear! The update has fixed the original problem but introduced a new one - if the right hand column (column-3) goes over a certain length, it occludes the footer - see screenshot.