I suspect a truly trivial error here, but I just can't see it for the life of
me.
Why does the following at ( http://www.maireadnesbitt.com/index_next_tt.html
) not result in a horizontal row of three DIVs? And why are no borders
displayed?
Thanks to anyone who can straighten me out.
Bruce
<div id="left-third">
/---------------------------------------------/<br />
/ left-third, floated left /<br />
/---------------------------------------------/<br />
/------these are simple text -----------------/<br />
/---------------------------------------------/<br />
/---------------------------------------------/<br />
///-----------------------------------------///<br /><br />
</div>
<div id="middle-third">
/---------------------------------------------/<br />
/ middle-third, floated left /<br />
/---------------------------------------------/<br />
///-----------------------------------------///<br /><br />
</div>
<div id="right-third">
/---------------------------------------------/<br />
/ right-third, floated left /<br />
/---------------------------------------------/<br />
///-----------------------------------------///<br /><br />
</div>
#left_third {
/* background:#e6e6e6; */
float:left;
width:20%;
border: 4px double blue;
}
#middle_third {
background:#e600e6;
float:left;
width:20%;
border: 4px double blue;
}
#right_third {
/* background:#e6e6e6; */
float:right;
width:20%;
border: 4px double blue;
}
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
