Having spent quite a while tweaking a design to appear as I want, and
everything looking good, I tried one last test -- and of course the result
differs between FF ("wrong") and IE6 ("right").
I tried Googling for an answer, but gave up after tutorial 27 (of 1.8
million), so I'm hoping one of the experts will be able to oblige!
The problem:
3 column layout, with left and right floated columns having a defined
width, and the centre with whatever's remaining.
If I then have a centre box containing floated DIVs, FF increases the
box's height such that the bottom is below that of the "longest" column,
whilst IE6 leaves the box as it "should" be.
I'd be grateful if someone could spare a few minutes to have a look and
advise the correct approach I should be taking for FF to render as
desired.
Test page is at http://www.horshamhc.co.uk/site07/floatboxtest.htm
CSS is at http://www.horshamhc.co.uk/site07/hhcstyles07.css
TIA
Pete
--
www.lightningnews.com Lightning fast anonymous usenet downloads for 5$ only !