Page 2 of 2 FirstFirst 12
Results 11 to 17 of 17
  1. #11
    Join Date
    Oct 2006
    Posts
    43
    Plugin Contributions
    0

    Default Re: Can't center my header_bg.jpg??????

    if you want to fix the header width problem you can go to
    #mainwrapper element and add
    min-width: 1100px;
    width: 100%;

    min-width mean no matter what resolution enter your site will aleast with width 1100px if the resolution is higher than 1100px will auto set to 100% width


    The header_bg.gif I dont know how you want it look
    http://img353.imageshack.us/img353/9387/printot0.jpg
    this is how your site look on my brower it is center and it look nice.

  2. #12
    Join Date
    Dec 2006
    Location
    near Atlanta Georgia
    Posts
    194
    Plugin Contributions
    0

    Default Re: Can't center my header_bg.jpg??????

    Thanks,

    I know it will look good on a larger monitor, but what about somebody using a 14 or 15" monitor. Will they have to scroll left to right to see the whole site or will it automatically fit??

    Thanks for the comment on the look of the site JohnsonY, it took me all week to figure out what to do to get the colors I wanted & to come up with a banner image I liked. It is not perfect, but a good one to start with. Printing & Graphic Design is my specialty, ie. website banners, logos and such. But I am constantly working to improve my skills with ecommerce & coding to go with my web design skills.

    I just wish I knew the css, php and mySql as good as I know printing & graphics.

    John

  3. #13
    Join Date
    Oct 2006
    Posts
    43
    Plugin Contributions
    0

    Default Re: Can't center my header_bg.jpg??????

    First resolution is nothing do with monitor size. As i know there most people setting their resolution to 1024 x 768. This mean their screen will only display 1024px width and 768px height content on their brower. Your header_bg is 1100px width that is why some people enter your site need to scroll left to right to see cause 1024px can't fit with 1100px content.

    Here 2 ways you can do to fix this!
    1. Make your header_bg with smaller size with image software
    2. set your header_bg width in css file with 1024px (but this will make your header_bg little "UGLY" haha)

  4. #14
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Can't center my header_bg.jpg??????

    You should reduce the size of your image to 1024width that way with the site width set to 100% everything should fit without needing to scroll to the right.

    It won't make any difference what size monitor someone has.

  5. #15
    Join Date
    Dec 2006
    Location
    near Atlanta Georgia
    Posts
    194
    Plugin Contributions
    0

    Default Re: Can't center my header_bg.jpg??????

    What if I resize it to 1024, and some one has a 17" monitior set to 800x600 or they have a 15" monitor set to 800x600 will they have to scroll?

  6. #16
    Join Date
    Sep 2006
    Posts
    542
    Plugin Contributions
    0

    Default Re: Can't center my header_bg.jpg??????

    Your image size takes over all other settings. I don't know anyone that will scroll a screen and will leave your site.

    I would use the logo image and float: left; (maybe size 300px wide)

    Then use your other image in your
    #logoWrapper {
    width: 480px;
    height: 124px;
    background-image: url(../images/header_bg.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #fff;
    }
    set the background-color: #fff;

    Chop your image up to a total size of 780 to allow the float of a larger screen. This will allow flex.

  7. #17
    Join Date
    Dec 2006
    Location
    near Atlanta Georgia
    Posts
    194
    Plugin Contributions
    0

    Default Re: Can't center my header_bg.jpg??????

    Thanks for the advice, I will give it a try. Thanks to all who contributed.

    John

 

 
Page 2 of 2 FirstFirst 12

Similar Threads

  1. header_bg.jpg
    By yellowdaises in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 25 Jul 2007, 11:19 PM
  2. header_bg.jpg
    By sammybotz in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 30 Mar 2007, 07:23 AM
  3. Header_bg.jpg
    By blackdream in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Jul 2006, 03:08 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR