SECONDSITE-L Archives

Archiver > SECONDSITE > 2007-09 > 1189250460


From: "John Weston" <>
Subject: Re: [2NDST] IE7 display bug
Date: Sat, 8 Sep 2007 12:21:00 +0100
In-Reply-To: <001101c7f0b5$c77fb250$6701a8c0@jfc>


JohnC wrote:
<q>
I suspect the behavior above is due to an IE7 bug, but I do not know for
sure. I'll experiment and see if I can alter the HTML or CSS to avoid the
issue.

The "if IE7" code created by Second Site 2 is the method I use to work
around bugs and other compliance issues in IE7. I put the
standards-compliant CSS statements in the "site.css" file and then the
IE7-specific stuff goes in ie7.css which is only included by the conditional
statements supported by that browser. Removing the "if IE7" code won't fix
anything in IE7; removing it will break things, and in some cases, you might
not notice. Short version: Don't remove it! <g>
</q>

John

Yes, it's an IE7 bug, IMO <bg> (to be added to the failure to render the <q>
attribute)

I've looked at this some more and have discovered:

Adding the deprecated HTML code: '<br clear="all" />' to the *end* of my
sub-title text, gets around the problem in IE7 without any impact for Firefox
(I can't test with any other browser, so would appreciate feedback).
According to my "reference manual" (Elizabeth Castro's "HTML for the WWW (V5)
with XHTML and CSS" ch6 p112) "The CSS 'float' and 'clear' properties are
still not fully supported by current browsers, and thus ... it's important to
know about the 'clear' attribute."

I realize this is not the intended position of this attribute, since it should
be at the front of the sub-title, to cause the text to start below the
'#siteicon.float:right' image, rather than flow up into the space to the left
of the image. Putting it at the end of the sub-title would, I reasoned, cause
the next line (currently a blank) to be forced to be at the end of the image
rather than be potentially inserted immediately after the sub-title, thereby
giving the sub-title an implied length equal to that of the image rather than
one that differs with the width of the browser's window.

With this, I've been able to reduce the sub-title's text size to a more
reasonable value and believe that, in IE7, the left border no longer
disappears for the page length of the title, where this is less than the
float:right image, since I've now "forced" the sub-title length to be the same
or greater than the image.

However... A quick check shows that if I put the Site Icon image on the left
(#siteicon.float:Left), then IE7 still stops the display of the icon after the
start of the sub-title. It doesn't matter which parameter (left, all or
right) I have in the <br clear=*> attribute inserted after the subtitle.
There is still something for you to look into around this problem, when you
have time, John - and possibly something more for ie7.css? <g>

--
John D. Weston
Family history: http://www.family.earlsway.co.uk/


This thread: