Hi folks,
I don't know whether anyone's come across this one before (I hope they
have!) It *might* sound a little confusing, but I have prepared an
example page[1].
I've re-styled table rows (it is tabular data, but let's not get into
THAT argument!:) as blocks and left-floated them to get something that
looks a little like this:
___________________________ ___________________________
|X| text text | text | |X| text text | text |
___________________________ ___________________________
|X| text text | text | |X| text text | text |
___________________________ ___________________________
|X| text text | text | |X| text text | text |
etc.
The style rule itself looks like this:
tr {
display: block;
width: 49%;
float: left;
}
Each row is made up of 3 table cells.
On Gecko browsers, if the page downloads a little slowly, the layout is
wrecked (eg. 2 of the table cells within a particular row wrap
underneath the first cell in the row). If you then refresh the page, the
problem disappears. I haven't seen it occur on other browsers, and it
does appear more often on Windows Firefox 1.5.0.3 than the OSX version
(during testing, at least)
[1] Example page: http://www.stuarthomfray.co.uk/temp/trfloats/
This is obviously a much simplified version of the final page. Please
excuse the silly names - I'd been trying to fix this for a while and I
was attempting to think about something else for a while (it didn't help!!)
Anyone seen anything like this before? It's not a Gecko bug is it!?
cheers,
Stuart
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
