Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: width problem

  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    width problem

    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

  • #2
    New Coder
    Join Date
    Jun 2008
    Location
    Detroit, MI
    Posts
    11
    Thanks
    0
    Thanked 1 Time in 1 Post
    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.

  • #3
    New Coder
    Join Date
    Jun 2008
    Location
    Detroit, MI
    Posts
    11
    Thanks
    0
    Thanked 1 Time in 1 Post
    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.

  • Users who have thanked kelisaid for this post:

    pkempf (12-19-2012)

  • #4
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    width problem

    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.

  • #5
    New Coder
    Join Date
    Jun 2008
    Location
    Detroit, MI
    Posts
    11
    Thanks
    0
    Thanked 1 Time in 1 Post
    You're very welcome!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •