1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How do I center an image based site for widescreen monitors?

Discussion in 'Web Design' started by MikeHustle, Nov 1, 2010.

  1. MikeHustle

    MikeHustle Power Member

    Joined:
    Mar 1, 2009
    Messages:
    634
    Likes Received:
    236
    I have a website which is designed around a base background image, and buy calling various button images and border images.

    I can not get this site to center on widescreen monitors for anything. I've tried every bit of css code that google has to offer.
     
  2. ShiftySituation

    ShiftySituation Power Member

    Joined:
    Apr 15, 2010
    Messages:
    621
    Likes Received:
    314
    Occupation:
    Having fun
    Location:
    Jacksonville, FL
    Wrap it all in a table and just center the table or wrap it in a div tag and center the div...

    The css for background centering is style="background-position:center"

    Is the background the only thing not centering properly or is your divs (which is what I'm assuming you are using for your borders, buttons ect) off center too? If you want to pm me the url, I'll look at it for you.

    You may have a misplaced closing tag. It really could be a number of things.
     
  3. papadu

    papadu Registered Member

    Joined:
    Oct 27, 2010
    Messages:
    52
    Likes Received:
    33
    Try this css, and insert div after the one with background image.