Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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 |
Comments
Comment #1
thoughtcat CreditAttribution: thoughtcat commented*bump* :)
Any thoughts??
Comment #2
anthonyjhall CreditAttribution: anthonyjhall commentedsubscribing.
Comment #3
Empiric CreditAttribution: Empiric commentedAdd 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 commentedThat 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 commentedOh 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.
Comment #5.0
thoughtcat CreditAttribution: thoughtcat commentedadded link to site showing the problem