I have a site that works fine in Chrome and other browsers, that is except IE ( go figure )
what i have is background image that is divided into 3 pieces. the left and the right pieces are fixed in width and should not change. I’d like the middle piece to auto fill the space between the two edge images.
and then added some IE specific conditional statements in the body of my html as shown below
` < ![if !IE]>
while this doesn’t give me a center image that dynamically resizes with the page, it does ensure the IE stretches the image to completely fill the space between the two edge images when it renders the page.
an interesting note however, the `< ![if !IE]>< ![endif]>` would not render correctly if formatted in the same format as the `` statement. IE would render it properly but not chrome. I suppose this is because chrome saw it as a comment and completely ignored it. took away the “–” on the beginning and ending of the code segment and chrome processes it completely as expected.
if anyone else has another way of doing this or improving on it, i’d be interested to see it.