> #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
*****************************************************
