columns with <div>

dont want table want div

[vinilios]

Im trying to convert a table with 4 columns into code with divs,
what i basically do is to add in a main div with display:table 4 other divs
i use float:left on all the other divs and while it shows fine in IE,
in mozilla changes it results all the time, one time its ok the other 2 are ok and the other 2 are below them etc..

what i have noticed is that when i see it local (wich means fast loading time) it appears 99% ok but when i put it on server its shows ok bout 1% of the reload times :/

its prolly some rookie mistake i made on the code since im just starting to use divs, i was always into tables.

any ideas?

[tedster]

When a floated element drops further down on the layout than you expect, very often there is not enough width allocated as far as that browser's rendering engine is concerned -- and whenever we're talking about width, the box model and doctype come into play.

I highly suggest a study of this thread over in the CSS Forum:

The Box Models - Standards vs. Quirks [webmasterworld.com]

[vinilios]

the widths are fine theres prolly something else going on :/
i cant understand how come and in firefox the display deferes between the refreshes!