Sorry, thought I took that clear:both out of there. My mistake.
As for the font sizes, that is what was specified in the original stylesheet and I
just copied from the "col1" styles down to the end.
>
> From: russ - maxdesign <[EMAIL PROTECTED]>
> Date: 2004/05/19 Wed PM 04:54:50 EDT
> To: Web Standards Group <[EMAIL PROTECTED]>
> Subject: Re: [WSG] Help with Float
>
> > #col1 {
> > width: 253px;
> > height: auto;
> > border-right: 2px dotted #5D355E;
> > float: left;
> > margin: 0px;
> > padding: 0px;
> > clear: both;
> > }
> > #col1 p, #col2 p, #col3 p {
> > font: 12px/16px Arial, Helvetica, sans-serif;
> > margin: 0px;
> > padding: 5px 10px;
> > }
> >
>
> Mike,
> There are two small problems with this example. You are applying the
> clear:both to the #col1 div. This works well in some instances but will fail
> if #col2 or #col3 have much longer content. By fail I mean that the other
> divs will poke out the bottom of their parent container.
>
> You can see this here:
> http://www.maxdesign.com.au/jobs/css/sullivan-daley.htm
>
> Another point (getting picky here, so apologies) is that you are show pixel
> sizes for your font-sizes inside the containers. This is not recommended by
> the WAI as it is not good for browsers that do not support scaling of
> content in pixels (like IE). A better option is to use percents or EM's. A
> really good article on this is here:
> http://www.clagnut.com/blog/348/
>
> Thanks
> Russ
>
> *****************************************************
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> *****************************************************
>
>
Michael Rainey
Blog: http://raineym.dyndns.org/
Resume: http://mrainey.dyndns.org/
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
