Create a Minimum Height with CSS

January 18, 2011 by Andrew Posted in Code

As developers, we all battle the cross browser struggle. Â What works in Internet Explorer may not work in Firefox. Sometimes what works in IE 7 doesnâ€™t work in IE 6. Â Little nuances like that appear all of the time in browser testing.

One such issue is setting a min-height with CSS. Â Firefox supports this CSS property but Internet Explorer does not. Â To overcome the issue in IE you need to modify your min-height property in the CSS syntax.

CSSselector {
min-height:100px;
height:auto !important;
height:100px;
}

Utilizing this CSS technique to establish a min-height does not require you to include empty div elements into your HTML; therefore, keeping your HTML clean and your CSS for presentation.

CSS Reset Tip: Don’t Use *

December 22, 2010 by Andrew Posted in Code

Avoid using the universal selector (*) as your CSS reset selector at all costs.Â Taking the lazy way out and using (*) to reset your CSS will increase your page load time.

Category Archives: Code

Create a Minimum Height with CSS

CSS Reset Tip: Don’t Use *

Recently Blogged