Mark Fellowes wrote: >I think this is probably obvious to me but at the certainty of sounding >stupid I'll ask. >I am working on a liquid / fluid layout, 3 columns using floats. If it's >relevant this is the rough layout: http://pamshop.com/Template1/exp10.html > >I'm considering using a one image rollover navigation thing. Haven't done it >yet but essentially there will be a graphic image as a background. Since the >divs are all in percentages, is there anyway I could get that graphic to not >break on either a smaller or larger monitor resolution ? > >TIA >Mark > Hi Mark, Try adding in your css-styles: ===== #mainNav li { background: url('http://home.tiscali.nl/developerscorner/imaging/images/gradient300x50.png'); margin: 2px 10px 0 0; } ===== and alternatively adding to this li: ===== background-position: 50% 0; ===== .. and you know! (trying = knowing ;-) ).
A background-img is always seen through the viewport of the box in which it is settled. The only thing is that the img has to be wide enough for the highest resolution. Some more in "The Port-hole Theory": http://home.tiscali.nl/developerscorner/port-hole/porthole.htm Greetings, francky ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
