Preventing Layout Reflow for Fluid Sized Images

This site does not allow itself to be embedded. You can still read it on the original site — the toolbar below keeps your place in the directory.

One problem I had with redoing my blog was noticing that the sidebar photo was causing a layout reflow. This is because the image has a fluid size and until the image loads, the browser does not give the image a width or height and just renders the border radius as a small black circle: This is how the CSS for this looks: .container { width : 45% ; } .img { border-radius : 50% ; } However,…

Read on jameslmilner.com ↗