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?

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

mattpaul-net’s picture

This is in Safari 5.0.3 on OS X 10.6.6

Lioz’s picture

I 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?

Dane Powell’s picture

I can confirm this bug in Safari as well, would like to find a fix.

robweed7’s picture

Not 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?

robweed7’s picture

I stand corrected...IE9, which I just downloaded, supports css3's rounded corners and it looks great with no glitch.

Dane Powell’s picture

Regardless 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 :)

cardpages’s picture

I also find this extremely annoying. Any idea if there will ever be a fix?

Kate Hopkins’s picture

I fixed it in the layout.css file:

#pageBorder.noborder{ /* when we don't have the advertise region */
border-top:10px solid #054b81;
}

Lioz’s picture

Status: Active » Needs review

I 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

.noborder #navigation-secondary{
	height:30px;
	line-height: 20px;
}

in layout.css delete this

#pageBorder.noborder{ /* when we don't have the advertise region */ 
	border-top:0px;
}

let me know if this solution works!

Dane Powell’s picture

Version: 7.x-3.0-beta9 » 7.x-3.0-beta11
FileSize
818 bytes

#9 worked for me- here is a patch against 7.x-3.0-beta11

Dane Powell’s picture

Status: Needs review » Reviewed & tested by the community

I guess a few of us have tried this, I just submitted the patch. So it's probably fit for RTBC.