uoba
Re: member
It' that CSS-standards time again
I've got the chance to take on a XHTML validation job (albeit of a design I did last year, but validation wasn't requested back then, and I was still blissfully unaware). Anyway, the client is now seeking validation (XHTML 1.0 Transitional)... they're in education, so it's a gateway to governmental accreditation if it's achievable.
The design was a very extensive, graphical beast consisting of tables upon/within tables. These tables mainly made up the main graphical element on the page, which was a a lovely round-cornered panel, which held a lot of information/options.
So, the key to getting this thing sorted out, is to recreate these panels without tables.
I have managed to do this very successfully in Safari, Mozilla, Netscape (7), and IE6 (Windows). The design consists of a couple of divs (4) all styled with CSS, particularly the float attribute.
However, there is a problem in IE5.5 and IE5 (PC). I am not sure if it's to do with the floats, or something to do with the way these two browsers handle images (there are some images placed within the panel to make up it's corners etc.)
Here's the working version: http://c-o2.net/pub/dev/ft/panel.htm
And here's a screenshot of the problem in IE5/5.5 in Windows:
Any ideas anyone? (All CSS is within the html, and I've taken out the Hobbies image title from the IE5/5.5 version)

I've got the chance to take on a XHTML validation job (albeit of a design I did last year, but validation wasn't requested back then, and I was still blissfully unaware). Anyway, the client is now seeking validation (XHTML 1.0 Transitional)... they're in education, so it's a gateway to governmental accreditation if it's achievable.
The design was a very extensive, graphical beast consisting of tables upon/within tables. These tables mainly made up the main graphical element on the page, which was a a lovely round-cornered panel, which held a lot of information/options.
So, the key to getting this thing sorted out, is to recreate these panels without tables.
I have managed to do this very successfully in Safari, Mozilla, Netscape (7), and IE6 (Windows). The design consists of a couple of divs (4) all styled with CSS, particularly the float attribute.
However, there is a problem in IE5.5 and IE5 (PC). I am not sure if it's to do with the floats, or something to do with the way these two browsers handle images (there are some images placed within the panel to make up it's corners etc.)
Here's the working version: http://c-o2.net/pub/dev/ft/panel.htm
And here's a screenshot of the problem in IE5/5.5 in Windows:

Any ideas anyone? (All CSS is within the html, and I've taken out the Hobbies image title from the IE5/5.5 version)