By cbh on

I'm running into a problem with a new Drupal installation using the Zen template. Followed the instructions, created the template. The site is at http://heatherholbrook.ca. All the pages with the exception of the about page appear to line up correctly and consistently. When selected, the about page appears to shift to the left a couple of pixels, according to the client and one other person who checked this out for me. We're all on macs and this is happening in Firefox.

The problem is, I am unable to duplicate the problem using my imac i7, snow leopard, and Safari or Firefox. I've reset browsers, restarted the computer and tried this on both the imac and an older g4 laptop. I can't duplicate the issue. At one point it was occurring here as well, but no longer. At this point the only thing I can think of is that they're using Rogers for internet and I'm using Bell, but that seems odd. At this point though, I'm down to that. Removing the photo fixes the problem, but the photo is well within the boundaries of the page, so I can't see how that would be the issue. But what do I know?

Any help/suggestions would be appreciated...

Thanks!
Chris Hutcheson

⋅ Categories: Drupal 6.x

Comments

ytin’s picture

ytin commented

Just a quick check using Firebug shows that the flash file on your homepage goes outside your 1024px page width. You need to adjust the margin/padding to put the flash file completely within the body width.

Here's what your sidebar width is 

.sidebar-first #content {
margin-left:319px;
margin-right:-1024px;
width:705px;
}

but the width of your flash content is 720px not 705px. So reduce your margin-left to 304px and increase the width to 720px and you should be good to go.

cbh’s picture

cbh commented

Thanks for that. Now fixed, but unfortunately, it hasn't resolved the shift on the about page, which only occurs when I create a two column table, insert text in the right column and an image in the left column. Text in both columns (as in the contact page) works fine. Removing the graphic on the other page seems to resolve the issue. I have image borders set to 0 in both fckedit and the stylesheet for 'img'. Creating a new page and repeating the process reproduces the problem. Drupal installation is all current, and I'm using the most recent release of Firefox in Mac Snow Leopard to make edits.

The only resolution I can think of at this point is to insert a graphic with sufficient white space above, below, and to the right to create the spacing without tables and to leave it at that.

And, I can't see this in Firefox or Safari - have cleared cache, reset, restarted, and done everything except sacrificing a goat. I can, however, see it in Explorer on a Parallels Desktop installation, and other people have confirmed the problem in a mac environment using Safari and Firefox.

Chris

cbh’s picture

cbh commented

Inconsistent results when I ask others to try it as well. Several Mac users report no shift at all....