sidebar content overflow in Safari & Chrome
avolve - July 4, 2009 - 05:02
| Project: | Zen |
| Version: | 6.x-1.0 |
| Component: | CSS/HTML Markup |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
Anyone experience sidebar content overflowing (to the right, from a right sidebar)?
I am having this with safari only. If is for a view (block) based on the biblio module/content type. It does not happen for similar pages with views based on other content types, so might be related to biblio — thought i would check here first.
The page in question is http://colin.salter.id.au/research.html.
The issue is not seen in IE of FF...
#1
An update: the issue is also present in Chrome, changing to bug report.
Some other test results in Safari
Changing text-align to left makes the overflow problem (mostly) non-existent. Some views fields extend beyond the padding-right for .block-inner.
Changing the text-align to right makes some posts similarly right-align outside the .block-inner padding-right.
It appears that this only happens to fields of a certain character length (not the longer or shorter ones, roughly those that have one word on the second line)... It only seems to happen for the biblio CCK type though.
I am still unable to ascertain why...
#2
Browser text size settings seem to make a difference.
I recently experienced the right sidebar overlap problem with our site (http://heartwoodtmn.org) in several browsers. We do use a customized theme under the Zen directory. I cannot remember if I used the fixed width layout or the liquid layout. It was too long ago.
The first occurrence was with my FireFox browser. I had the browser setting to display larger Text. Changed the setting and the problem was gone.
Shortly after that I was on a PC running the latest version of Windows IE to do a demonstration and saw the same effect. I checked the Text size and it was set to Normal. I lowered it to the next setting and the overlap disappeared.
Ash