On 8/30/10 7:29 PM, Tim Climis wrote:
I want it to load quickly and if I drop the resolution down it
loses the crispness. Being an artist, he's not pleased with that.
I've tried using % and em in the css file to get the image a bit
smaller, but it gets all messed up when I do. The main image is
1024 wide and it probably needs to be more like 1000 or even 960 to
fit width wise. Any suggestions? Would this be best asked on the WD
list?
[...]
A URL would help (as always), but what if you leave the image as one
big thing, set as a background image on the body, with a position of
center center?
body { background: url('some/url.jpg') #color no-repeat center
center; }
It won't load quickly, but specifying the color will make it less
painful to wait for. the color will show up until the image has
finished loading, and would work well if the background is
predominantly one color.
[...]
---Tim
But be aware that IE7 won't enlarge a background image set on BODY when
any page zoom is applied. If there is content that relies on its
position over the image, you may prefer to add an extra wrapper element
to hold the background-image instead.
Just a thought.
Cordially,
David
--
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
