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.
See the attached screenshot.
Also on the demo site:
http://marinelli.netsons.org/node/33
It only shows up on pages without the banner image.
Anyone have any ideas?
Comment | File | Size | Author |
---|---|---|---|
#10 | marinelli-1083368-10.patch | 818 bytes | Dane Powell |
Marinelli.png | 34.47 KB | mattpaul-net |
Comments
Comment #1
mattpaul-netThis is in Safari 5.0.3 on OS X 10.6.6
Comment #2
Lioz CreditAttribution: Lioz commentedI noticed this bug too
i found something about it here
http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed
but adding that css code doesn't solve the problem.
anyone found a solution?
Comment #3
Dane Powell CreditAttribution: Dane Powell commentedI can confirm this bug in Safari as well, would like to find a fix.
Comment #4
robweed7 CreditAttribution: robweed7 commentedNot sure, but I think is is a browser incompatibility issue with css3. This is also in Google Chrome which supports css3 but it is not an issue in Firefox. IE does not support css3 so the site will look completely different, no rounded corners or faded tabs. I like Google Chrome the best but if you want to see this site the way it is intended to be seen use Mozilla Firefox.
Again, I am not sure, but if I see it correctly in one browser but not in another I assume the code is correct, just some browsers are not compatible with the code.
Is there anyone out there who could confirm this?
Comment #5
robweed7 CreditAttribution: robweed7 commentedI stand corrected...IE9, which I just downloaded, supports css3's rounded corners and it looks great with no glitch.
Comment #6
Dane Powell CreditAttribution: Dane Powell commentedRegardless of who's "fault" it is, I'd still like to see a "fix" for Marinelli to support these fairly major browsers. No browser is perfectly perfect, and we can't very well ask people to switch to Firefox just to avoid glitches like this, as much as I do love my Firefox :)
Comment #7
cardpages CreditAttribution: cardpages commentedI also find this extremely annoying. Any idea if there will ever be a fix?
Comment #8
Kate Hopkins CreditAttribution: Kate Hopkins commentedI fixed it in the layout.css file:
#pageBorder.noborder{ /* when we don't have the advertise region */
border-top:10px solid #054b81;
}
Comment #9
Lioz CreditAttribution: Lioz commentedI got it
since there is no top border safari can't "close" the gap
@Kate Hopkins : your solution is valid, but increases the height of the secondary menu
here is my solution
in secondary-links.css add this selector
in layout.css delete this
let me know if this solution works!
Comment #10
Dane Powell CreditAttribution: Dane Powell commented#9 worked for me- here is a patch against 7.x-3.0-beta11
Comment #11
Dane Powell CreditAttribution: Dane Powell commentedI guess a few of us have tried this, I just submitted the patch. So it's probably fit for RTBC.