Sandy wrote:
> ...
>
> This page
> http://www.uoguelph.ca/~dmangroo/research/research.html
> is displaying in all kinds of versions of FF and Opera just fine.
>
> In IE6, the top left logo doesn't show up. The big image in the content
> is fine.
A relatively positioned parent has to gain haslayout in addition,
otherwise, child elements may vanish.
Apply a haslayout trigger to #banner. Since you need some fixes for IE,
see below, it is a good idea to work from within a general iefix.css,
linked conditionally in the head section to all current IE.
<!--[if lte IE 7]>
<link rel="stylesheet" href="ie5-7fix.css" type="text/css" />
<![endif]-->
and ie5-7fix.css contains
* html #banner {height: 1px}
since IE7 already noted the min-height on that element in your css.
The use of a transparent PNG is not appropriate, since IE6 does not
support 24-bit + 8-bit alpha channel PNG. Use a transparent GIF instead.
>
> In IE7, the top left logo is there looking just as it should, and the
> big image in the content is not displaying the bottom 3rd.
This issue is a new (renewed) italic bug present in IE7, compare [1]. It
is related to the wrapping of the italic phrase /S. cerevisiae/ in your
document. Starting from this, the paragraph that has a white
background-color cuts the floating image.
A simplified test:
http://www.satzansatz.de/cssd/tmp/ie7italic.html
I am not sure how to stop it. You could apply a haslayout-trigger for
IE7 only like min-height:1px to the paragraph, but this would prevent
the paragraph from wrapping around the float. [2]
I thought you could remove the white background-color from the p, but to
no avail. The image was still cut. Additionally, the parent needed
haslayout. This seems to be a possible fix in your situation:
.content {
min-height: 1px;
...
}
.content p {
/* background-color:#fff; */
}
But in general, we cannot remove background-colors on paragraphs next to
floats.
Others hopefully have better ideas.
Ingo
[1] http://positioniseverything.net/explorer/italicbug-ie.html
[2] http://www.satzansatz.de/cssd/onhavinglayout.html#nextfloat
PS: Some container elements have a class and an id of the same name in
your file.
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
