Browser Rendering Example

In spite of the intense standards activity, all modern browsers to not render XHTML/CSS code in the same manner. Shown below are the results of two different browsers rendering the example from Lesson 4. The problem is how Firefox handles a <div> element. Fortunately there is a website that will evaluate your web page rendering in many different browsers. However, your web page must be hosted on a publicly available website for that evaluation.

This picture shows how Firefox renders the example page without adding either clear:left or clear:both to the div.center class.

If the browser window is narrow such that the text fills the space to the right of the image, the clear:left is not required.