div acts strange

[bull]

hi there..

i'm working on one web page and have made structure with div blocks. and i have one problem. its when i open this webpage for first time on browser (cache has cleared) some of these div objects goes up over other, and when page is refrshed they goes where they should. why is that? i tryd change position property for divs, but it didnt solve this problem at all.

any suggestions? 😕 thanks.

[bull]

working on this problem made some conclusions.

first, problem appeared in mozilla firefox, but in Internet explorer if im not mistaken it wasnt noticed.

next, these divs wich were going over others had property overflow specified to hidden. when this propery was removed, then no bugs were noticed in firefox as well.

so far it is okey, but this option overflow for these div's was specified for reason if inputed text string is too long that it dont fit div width and then its hidden, now in this case div will be streched and damage whole structure.

maybe in input i should use php to split long strings but thats not what i want to do.. maybe there is some other way to avoid it..

[Roger_Ramjet]

The reason some divs show up in the wrong place is that they are received by the browser first. Now Firefox starts to layout a page, or eg. a table, before it has received the whole page while IE does not. So FF will display some page content faster but may put things in the wrong place if their position is relative to other elements and determined by those elements size. Of course that is cleared up when the page is refreshed as FF now knows what to expect.

I'm sure that individuals can control this in their FF options to a great extent, but few would do so even if they knewhow to.

Not sure what you can do though - possibly browser detect and auto refresh using js.