Solved

Center a repeat background image

Posted on 2013-02-06
3
265 Views
Last Modified: 2013-02-11
Is there a way to center horizontally a background image and have it repeat, but fan out to the right and left?

My background image looks good on some screen widths, but on others, it cuts off on the right of the body and looks off-centered.

I'd like it to start in the center and then fan out from there so both the right and left of the body look uniform.

thanks.
0
Comment
Question by:BobCSD
  • 2
3 Comments
 
LVL 1

Accepted Solution

by:
BobCSD earned 0 total points
ID: 38860641
Found the answer:

background-position: center center;
0
 
LVL 9

Expert Comment

by:user_n
ID: 38860643
Can you give a link to the page or the html source with css files and images
0
 
LVL 1

Author Closing Comment

by:BobCSD
ID: 38875451
found it.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now