width problem

[pkempf]

Hi all,

On the below website there is a problem with the width. Although, I did not set a width larger than 970px, when I slide the mouse to the left, white space on the right side appears and the page gets off center. This happens in Safari, Opera, Google Chrome but not in Firefox. It also added a horizontal scrollbar which I suppressed. This code is coming from a template which does not have the problem. I added a banner to the homepage and thought that this might cause it but the problem is on all pages. I must have added code that caused it. Any help would be greatly appreciated!
Thank you, Petra

http://www.pkwebservices.com/clients...05/aspNet.html

[kelisaid]

It looks like it has something to do with your .logo_wording styling for "Closing the gap between idea and reality" Open up chrome and use their developer tools, you can see when you select that text that it's spanning the width of the empty space on the right. I'm continuing to look into this but thought I'd throw this out there.

[kelisaid]

If you change that code
<p class="logo_wording">Closing....

to:

<div class="logo_wording">Closing the gap between idea and reality</div>

Then adjust the "logo_wording" with appropriate font and size, this should take care of the issue in Chrome. I'm pretty sure that the text isn't even showing up in the correct space within Firefox. In fact, when you modify the code, it still shows up in the wrong place within Firefox. Is there anyway you can just include that text within the graphic since it's part of the logo, and then remove it from the code all together? This is what's causing your issue.

[pkempf]

Many thanks for taking the time to look into my code and solving the problem. It is working perfectly now! I greatly appreciate your help! Thank you very much.

[kelisaid]

You're very welcome!