Empty div containers will cause a break without a comment in them.

Posted by jerothe in XHTML / HTML

Oct
8

Using a “Clear” container like I have mentioned in a previous article, to correctly extent the wrapper div element around content that has extended longer than it’s base dimensions, is a necessity when optimizing in Mozilla browsers. Mozilla browsers correctly followed the w3c spec for the “clear” element and as a CSS designer you have to be familiar with a blank “clear” element.

The other part you need to be familiar with is that a comment inside of the div element will prevent a break after it. So you may try this when setting up your “clear” element.

This is what you type to set it up.

div.clear{

clear:both;

}

Then when putting it in your document, it should look something like this;