RE: [WSG] images in html or css

[Chris Hardy]

I find that centralizing images in css is useful for maintainability.  

However, if page load time is an issue, it's a good idea to stress test the
site with both images in html and css. when they're in html, the height and
width tells the browser how big the image is which helps it load a little
faster and you can use preload scripts that you can't use for
background-images. 

Of course you can get fancy with squid or some other caching engine, but
even though browsers cache the stylesheet, they do not cache the images
linked from the stylesheet so caching is a little more work. 


ymmv

-chris

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

RE: [WSG] Fix for min-max in IE

[Chris Hardy]

I use conditional comments in the header to serve up IE-only stylesheets -
and the m$ "dynamic expressions" properties to emulate min-width and
max-width. For example, for a page that I've got wrapped in a containing div
named wrapper, I use this in my ie.css

#wrapper {

 width:expression( 
 
void(this.realWidth=(document.documentElement.offsetWidth>1024)?1024:true)
|| 
 
void(this.realWidth=(document.documentElement.offsetWidth<750)?750:this.real
Width) ||  
   (this.realWidth==true)?"auto":this.realWidth+"px"
 );


}

Of course, it will render any stylesheet non-validating, but it's far less
bulky than javascript and only gets loaded by ie, not other browsers.

[1]
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/ove
rview/ccomment_ovw.asp
[2] http://www.quirksmode.org/ navigate to CSS in the leftnav and select
subnav->conditional comments

hth
- chris

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**