The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Another IE5 bug

Hi,

I've been reading the forums trying to figure out why my layout doesn't work in IE5 but I can't find the answer. I think it's something to do with the floats I am using but I don't know what. The site renders fine in IE6 and Firefox.

Ie has a roundng bug with percentages and when you try and add 2 percentage together they will very likely be bigger than the whole. In the case of floats this can cause the layout to break up completely.

Therefore shave a fraction off one of the floats and it should still display ok.

Thanks for your reply. I should have said that the problem I'm having is with the height not the width. The page is pushed down the screen and the image in the top left seems to have aquired a margin. I have uploaded a screenshot of the page rendered in IE5 so you can see the problem.

Well the uissues will affect the height because the floats will ine up underneath each other so you need to take account of them.

The issue with the top left image is cause by tour errorwarning style. You have set it to height:0px which makes no difference to ie anyway as it will render it at the current font-size/line height anyway. (The usual solution is to set overflow:hidden (or font-size:0)).

However there is something else going on with ie5 and I suggest you use display:none instead.

Code:

.errorBannerOff {height:0px;display:none;}

This clears the problem up although your page is very unstable and I would consider re-designing that page so that it doesn't break so easily in ie.

Just resize the page smaller to see what I mean.

Anyway hope the above helps and bear in mind the problems with floats and percentages.

Thanks for your help Paul, very useful. The only remaining problem is removing the margin on the right side of the header image. Do you know what might be causing that?

I understand what you are saying about stability but the site is to be used on an intranet with guaranteed minimum spec of 800x600 and IE5 so I'm not to worried about IE corrupting it at resolutions lower than that.