No problem, I came across the clearfix hack quite recently on 
http://www.positioniseverything.net/easyclearing.html, It's useful for 
keeping your css simple in a complicated float layout without using any 
additional html.
    You can treat the containing block as part of the normal flow for 
all browsers, the only problem now is that it's apparently not suitable 
for IE7, there's an article here:

  
http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html

but i wouldn't worry about implementing anything because of that yet, 
IE7 is still in its testing stage.

The article here:

    http://www.tanfa.co.uk/archives/show.asp?var=300

    actually demonstrates how the clearfix hack still works in IE7. I'm 
a little confused myself but this code works (fingers crossed):

        .clearfix {
        display: inline-block;
        }  
        
         /* Holly Hack Targets IE Win only \*/
            * html .clearfix {height: 1%;}
              .clearfix {display: block;}
         /* End Holly Hack */


    So just a minor alteration on the clearfix hack i put in your css 
file. If you want any more examples of uses for the fix there's a 
template i'm working on a site with a collapsable layout for the 
categories here:

    http://www.thebusinesscommunity.co.uk/templates/westpennine/

    I could just clear the footer but you get more control over the 
positioning and margins on an element that contains floats (such as a 
list) this way.

 Hope I haven't confused you at all,

       Rob


Joanie Mae wrote:

> It works!   The server the site is on is not connecting but once it is 
> operational again I'll load it up!
>
> I'd not yet encountered the clearfix hack in my "learning" journey. Is 
> it used for other issues other than navigation problems?
>
> Many many thanks for your help, Mr. O'Rourke. I greatly appreciate it.
> Joan
>
> _________________________________________________________________
> Express yourself instantly with MSN Messenger! Download today - it's 
> FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
>
>
>
>

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to