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? Link to comment https://forums.phpfreaks.com/topic/178678-safari-displays-all-of-the-page-background-image/ 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] Link to comment https://forums.phpfreaks.com/topic/178678-safari-displays-all-of-the-page-background-image/#findComment-942542 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. Link to comment https://forums.phpfreaks.com/topic/178678-safari-displays-all-of-the-page-background-image/#findComment-942543 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: Link to comment https://forums.phpfreaks.com/topic/178678-safari-displays-all-of-the-page-background-image/#findComment-944495 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.