White lines to left of primary menu and in left sidebar block - only IE7 [#361349]

Jeff,

I am very happy wth Pixture Reloaded. Thank you for your design/development work.

I have an issue. In IE7 only (display fine in Firefox, Chrome, or Safari) there are white lines that show up in two places:

1. Vertically, to the far left of the primary menu*
2. Horizontally, between the block-bl.png/block-br.png and the block-tile.png on the left sidebar block only on the ubercart shopping cart block

*I wanted to add a little rounded corner to the primary menu to match the block design. I have little coding experience so I made my logo 120 pixels in height and put a little rounded graphic in the lower right corner of the logo. I then removed the logo 10 px logo buffer that was the default in the layout.css. The result/workaround was a nice rounded edge to the left primary menu in all browsers but IE7.

Is there anything I can do to fix the display issue?

I've attached a screenshot. I'm running Drupal 6.9 and Pixture Reloaded 6.x-3.0. I work in Firefox in Mac but also run a virtual Windows with IE7

Thanks,

Stephen

Comment	File	Size	Author
	whitelines.JPG	41 KB	snepa

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

Mark_J CreditAttribution: Mark_J commented 20 January 2009 at 05:09

That's really weird! I don't have that problem. Have you modified your theme by any chance? Have you increased the font-size, padding, margins etc? Any of these steps might produce the problem. See how it displays outside the virtual machine.

Try the original and see if the problem remains. Normally you would get issues like that if any of the above mentioned points return true or when the web site is loading and if it's not loaded fully from the server where images fail to load. Also, zooming in might produce something like that too depending on the browser. Also try stretching the theme to 90% or 70% and see how it looks.

Comment #2

snepa CreditAttribution: snepa commented 21 January 2009 at 09:38

Mark_J,

Thanks for helping me think through possibilities.

In terms of the header, I did in fact remove the margin on the right side of the logo image (in the layout.css) so that the left of the menu would be snug against the logo. Worked for all but IE.

I have not increased the sizes of any fonts.

My business partner uses a PC (not VM) and has the same experience.

Stretching the browser didn't change anything.

I could default back to the original theme on my server but a good little bit of customizing went into the theme. I've documented the changes but I would loose them if I pick a default theme. Guess its the only way to test to see if white space only happens once I've customized the header.

In terms of the horizontal white line, I've done no mods to the left sidebar. I moved around the ubercart block and the white line remained. It is the only one, regardless of where positioned that has the horizontal white line.

Stephen