On September 23, 2009 6:38:28 pm David Laakso wrote: > Kelly Miller wrote: > > I'm trying to style a web photo gallery by stacking pictures > > side-by-side. Since I want to center them, I chose to use display: > > inline-block instead of float: left to make them align horizontally. The > > strange thing is, although it looks fine in every other browser, IE8 > > gives me this: > > > > http://crystalsanctuary.rpgsource.net/dp_stuff/misc/ie8_images.jpg > > > > If you reload, it goes away. Anyone see this display of stupidity > > before? I tried a bunch of tricks, and nothing seems to work well on > > this. > > Do you have a doctype. > Is the CSS and markup valid. > Do you have a clickable link to the page. > See: > Bruno Fassino > </www.brunildo.org/test/ImgThumbIB.html> > and > Gabriele Romanato > <http://www.css-zibaldone.com/articles/gallery/examples/final/final.html>
To all of the above, yes. I'm not sure if I can give a direct link to the site, though, since it's still under development and under wraps. I did the styling myself, and I'm trying to figure out a way around this bug. I've seen it on multiple projects; it seems to crop up any time I try to use a group of images contained in divs with displays of inline-block. I suspect IE8's inline-block support is not as good as Microsoft would have people believe. ______________________________________________________________________ css-discuss [[email protected]] 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/
