SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Apr 2004
    Location
    San Clemente, CA
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Wide Background Layout

    I am trying to design a new layout for my existing web site but can't seem to figure it out.
    I want to have a wide picture centered as the background but have a solid color fill in where a person may be viewing it on a wider monitor. An example is here - http://dev.heavytshirt.com/new.html
    I am unable to get it to look the same in different browsers and unable to center the content, etc. Also, it scrolls horizontally-not good. Ultimately, I need an example to follow. Can anyone help out?
    Thank you,
    Maxanne Durkee
    Heavyweight Collections
    Heavyweight t-shirts with prints inspired by Things Men Collect

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,599
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    We'd need to see the layout you want to give a definitive answer, but this is quite easy. One way is to have a color on the body element and also a background image:

    Code:
    body {background: #red url(/images/background-image.jpg) no-repeat 50% 0;}
    Then you have all your content in a wrapper ... that is, a div with a set width and margin: 0 auto.


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
  •