Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthortsk
    • CommentTimeApr 25th 2006 edited
     permalink
    I have been trying for a few days to come up with a compelling design but one issue stands in my way. I think it's best that I give a graphic example of what I'm after so you can understand exactly what I mean.

    After seeing that can you please tell me if it's possible to achieve that effect through CSS. As you've noticed I want to use a background image for my page but I want it to always be kept centered whatever the resolution. The greater the resolution, the more image area should be visible.
    • CommentAuthorDaytonian
    • CommentTimeApr 25th 2006
     permalink
    body {
    background: #333 url(image_name.jpg) no-repeat center;

    }
    •  
      CommentAuthortsk
    • CommentTimeApr 25th 2006
     permalink
    Deviously simple.
    Thank you very much!
    • CommentAuthortdrs
    • CommentTimeApr 26th 2006
     permalink
    now test that css in something before firefox/ie6/mozilla1/netscape8 :D

    aaaaaaah... :P
    • CommentAuthorMcJay
    • CommentTimeApr 26th 2006
     permalink
    background-position: 50% 50%; or background-position: center center;

    You need both vertical and horizontal values. Some browsers might(!) have problems with just one value. Just my 2 cents.
    •  
      CommentAuthortsk
    • CommentTimeApr 26th 2006
     permalink
    Thank you. I quicly found the sollution to that.
    Centering the background was my problem.
Add your comments
    Username Password
  • Format comments as (Help)