twebman84 Posted October 23, 2009 Share Posted October 23, 2009 The Site: http://alluresalon.net.s60787.gridserver.com/ Am using a background image for the page that is called through the Stylesheet, thusly: body { background: url('graphics/WoodGrain_background.jpg') no-repeat; margin: 0px; padding: 0px; } That image is 1305px wide and 1034px in height. IE and FF show only so much of the background image as they need to, but Safari shows the entire background image height, which results in a scrollbar and just looks terrible. How do I set the bg image so it works in Safari? Quote Link to comment Share on other sites More sharing options...
haku Posted October 23, 2009 Share Posted October 23, 2009 It doesn't work so good on widescreen monitors on FF (see attached screenshot). Looks really bad. What you want to do is find a repeating background image. Something small that you can set repeat-x and repeat-y on, so that it fills as much of the background as you need. [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
haku Posted October 23, 2009 Share Posted October 23, 2009 It's hard to tell from the screenshot, but the whole 1/3 of the right of the page is just white. Quote Link to comment Share on other sites More sharing options...
Dorky Posted October 26, 2009 Share Posted October 26, 2009 if you must use the bg you have try blending the edge with a shadow and use background-position: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.