>>> 2. http://www.positioniseverything.net/easyclearing.html
>
> Simply lose the height settings (as Zoe's said) then add the CSS from
> [2] (above), applying it to your div#container like so:
>
> div#container {
> width: 800px;
> margin: 66px auto 0px auto;
> padding: 33px 25px 33px 25px;
> color: white;
> background-color: #756F65;
> }
>
> div#container:after {
> content: ".";
> display: block;
> height: 0;
> clear: both;
> visibility: hidden;
> }
>
> div#container {display: inline-table;}
>
> /* Hides from IE-mac \*/
> * html div#container {height: 1%;}
> div#container {display: block;}
> /* End hide from IE-mac */
I tried using the easyclearing method [2] but was applying the fix to
the wrong div. Applying it to the #container div works perfectly. I
don't, however, fully understand the need this:
div#container {display: inline-table;}
/* Hides from IE-mac \*/
* html div#container {height: 1%;}
div#container {display: block;}
/* End hide from IE-mac */
Could you please quickly explain?
Also, please note that I changed this:
* html div#container {height: 1%;}
To this:
* html div#container {height: 535px;}
As it's my min height.
Tks for everything. It's now working fine. Just trying to understand it.
--
[EMAIL PROTECTED]
www.adrianocastro.net
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
