Craig,
If you are using a block level element to clear some floats (say a navigation bar), then you will find that, in IE 5 Mac, if you put any floats *inside* that block level element, they will clear also. This behaviour is wrong. And you can't fix it by applying "clear:none" to the enclosed floats.
So, your options are:
1) Don't put floats in a clearing block level element.
2) Create an extra clearer (yes, extraneous markup, but does the trick) to let you put your floats in a non-clearing div.
3) Use the self-clearing trick documented somewhere, if it is applicable in these circumstances.
Hope this helps.
-Hugh Todd
PS so in answer to your question, yes, you could put an extra clearer div in your (x)html, but if you did so you would give it an attribute of "clear: left" or "clear: both". And put nothing inside it. (It is just there to fix the problem.) You may need to give it a height. Not sure if 0px will work. One of the browsers, I seem to remember, needs to see this.
Hi, sorry it has taken a while to get back, I have been away.
I am not sure I understand how to solve the problem. I think I am more confused after reading the bugs for IE5 Mac.
Should I put in my XHTML <div id="clearer"></div>
then in the CSS #clearer{clear:none;}
again the page is http://www.pacifichomeloans.com.au CSS http://www.pacifichomeloans.com.au/styleshome.css
thanks
-----Original Message-----
Craig,
The main issue would appear to be as follows:
Mac IE 5 wrongly clears floats inside clearing block elements, and you can't fix it with "clear:none;".
The easy way to solve it is to add a standalone clearer to your HTML (say after a navigation bar that you need to clear). It may need to be a full div. Not ideal, but it does the trick.
For more info, see http://www.macedition.com/cb/ie5macbugs/#floatclearbug , as well as the entry it links to from Philippe Wittenbergh.
Hope this helps. (If this message looks familiar, it's another cut and paste from a posting some time ago.)
-Hugh Todd
I have downloaded Firefox and have started from scratch.
The page is at www.pacifichomeloans.com.au and css at www.pacifichomeloans.com.au/styleshome.css
The page is looking fine in Firefox (apart from my #maintitle not starting at the top of the page) and IE on Windows. However I did the browsercam and it isn't coming out right in IE on Mac. Most other browsers it seems fine.
The XHTML and CSS validates fine.
I would appreciate any help.
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
