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 4 of 4
  1. #1
    New Coder
    Join Date
    Dec 2007
    Posts
    78
    Thanks
    2
    Thanked 0 Times in 0 Posts

    100% Width Top Border & Center Logo

    Can someone have a look at my site and tell me what I'm doing wrong?

    http://www.americanwebmakers.com/mizrahi

    *See attached image of what I am trying to accomplish.

    Thank you!
    LMW1
    Attached Thumbnails Attached Thumbnails 100% Width Top Border & Center Logo-forum1.jpg  
    Last edited by lmw1; 09-11-2011 at 11:54 AM. Reason: Add image
    Trust everybody. Just don't trust the Devil inside of them.

  • #2
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    You have defined wrapper width:960px; thats why its not covering full width

  • #3
    New Coder
    Join Date
    Dec 2007
    Posts
    78
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Maybe I'm just a little brain dead lately, but can you tell me how you'd arrange your divs and style the css to accomplish what I have in the attached image? Is z-index involved in this? The top/bottom full width bars are throwing me off for some reason.

    And yes, the main content wrapper is 960px wide (centered).

    Thanks in advance!
    LMW1
    Attached Thumbnails Attached Thumbnails 100% Width Top Border & Center Logo-forum1.jpg  
    Trust everybody. Just don't trust the Devil inside of them.

  • #4
    New to the CF scene
    Join Date
    Sep 2011
    Location
    Pune, Inida
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    #navWrapper have fixed width, make it 100% and repeat it's background image.

    This might help you:

    #navWrapper {
    background: url("../images/main_nav_hr.jpg") repeat scroll 0 0 transparent;
    height: 50px;
    margin: 0 auto;
    width: 100%;
    }


  •  

    Posting Permissions

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