Setting image size in image tags
There is a bug in Mozilla browsers, which causes jumping of some parts of the content while loading, and sometimes some portions of layout stay in wrong positions. Experienced this when making slight redesign of Graniti-Sušec homepage. The exact size of the image under introducing paragraph wasn’t set, so during page load, division containing latest news, stayed too far below:
This occurs when image is placed in floating parent element, in this case
<div>, which floats to the left.
After I set correct size of image:
<img src="../slike/skl_3.png" height="165" width="220" alt="a detail of stock pile" />, everything stayed at its’ place:
Feel free to discuss on jumping bugs under the comments..