Return to Snippet

Revision: 17962
at September 17, 2009 23:39 by Ahrjay


Initial Code
.min_width
{
	min-width: 500px; /* For good browsers */
}
	* html .min_width
	{
		padding: 0 250px;
	}
	/* This is for the markup that only appears in IE6 thanks to conditional comments */
	.min_width .min_width_inner
	{
		width: 100%; /*  gives the element hasLayout */
	}
		.min_width .min_width_container
		{
			margin: 0 -250px;
			position: relative; /* Fixes negative margin bug */
			float: left;
		}

Initial URL
http://www.thecssninja.com/xhtml/ie6-min-width-solutions

Initial Description
Accomplish min-width in IE6 using CSS and conditional comments, no need for expressions.

Initial Title
Pure CSS IE6 Min-width

Initial Tags
css, ie6

Initial Language
CSS