[css-d] Image stretches vertically in (that's right) IE6
Hi all, I *think* this is a CSS issue - apologies if it is not. I have a page with two photos on it that seem to be behaving peculiarly *only* in IE6. The page is here: http://www.ruberyowen.com/rubery-owen-history.php The offending photos are styled pictureright and pictureleft. On Safari, Firefox and IE7 these pictures appear to be fine, but in IE6 the photos are stretched vertically. I can't figure what is happening - can anyone either confirm that they also see this effect or suggest what may be wrong? Thanks, Ian. -- ianpi...@mac.com 07590 685840 | 01926 811383 __ 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/
Re: [css-d] Image stretches vertically in (that's right) IE6
On Fri, Mar 27, 2009 at 11:55 AM, Ian Piper ianpi...@mac.com wrote: The offending photos are styled pictureright and pictureleft. On Safari, Firefox and IE7 these pictures appear to be fine, but in IE6 the photos are stretched vertically. I can't figure what is happening - can anyone either confirm that they also see this effect or suggest what may be wrong? I see the effect in IE 6. Probably the best choice would be to apply the float on the parent div of the image rather than on the image itself. Plus would also help to remove position:relative as it seems to be doing nothing in the styling. - divya __ 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/
Re: [css-d] Image stretches vertically in (that's right) IE6
On 27 Mar 2009, at 10:39pm, Holly Bergevin wrote: From: Ian Piper ianpi...@mac.com two photos on it that seem to be behaving peculiarly *only* in IE6. http://www.ruberyowen.com/rubery-owen-history.php the photos are stretched vertically. Below is where the problem is coming from, I believe. Was this hack applied for specific problems, or just on general principle? If it was specific, you'll want to find another way to give these images layout. Thanks all for the answers to this. I should probably briefly explain how I got into this pickle. I am using a low-end CMS called WebYep for this site. It works pretty well most of the time but I found on this site I had a problem. The CMS uses a loop to allow the user to build complex pages by selecting one or more out of a set of optional page components. Unfortunately the components you *don't* choose end up on the page too, as empty divs. I realised that while the empty divs took up no space in most browsers, in IE the ones that normally contained images showed a minimum height (around 10px). It looked as though the only way to get them to zero height was to style their content img elements rather the divs themselves. I'm afraid the list of hacks sort of appeared along the way as I was trying to give the empty divs layout (which I thought was the source of the problem). I will try to clean this up now - thanks for all the helpful suggestions. Ian. -- ianpi...@mac.com 07590 685840 | 01926 811383 __ 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/
Re: [css-d] Image stretches vertically in (that's right) IE6
From: Ian Piper ianpi...@mac.com
two photos on it that seem to be behaving peculiarly *only* in
IE6.
http://www.ruberyowen.com/rubery-owen-history.php
the photos are stretched vertically.
Below is where the problem is coming from, I believe. Was this hack applied for
specific problems, or just on general principle? If it was specific, you'll
want to find another way to give these images layout.
/* Various Holly hacks to address IE bad behaviour */
* html #content,
* html #content-wide,
* html #content .pictureleft,
* html #content-wide .pictureleft,
* html #content .pictureright,
* html #content-wide .pictureright {height: 1%;} /* this is the problem for
those images */
~holly :-)
__
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/
