Is it because the width of the 3 td's add up to greater than 100%? I've never heard of floating table cells - not sure why you'd need to. Laura
On Tue, Mar 5, 2013 at 1:38 PM, Barney Carroll <barney.carr...@gmail.com>wrote: > float only works on block display elements, whereas table cells display as > table-cell by default. Table cells will naturally appear in a row without > needing float. > > However, what you're doing is forcing float, such that the table cells > implicitly become block display elements and lose their table display > properties (meaning they return within rows, no longer share heights across > rows, etc — to all intents and purposes the table layout is broken). > > I'm sure what you're trying to do can be done, but "float the tables td's > into place" is vague, in that we don't know what the intent of 'into place' > is. > > Regards, > Barney Carroll > > barney.carr...@gmail.com > +44 7429 177278 > > barneycarroll.com > > > On 5 March 2013 13:10, David <grovesda...@linkhomes2000.co.uk> wrote: > > > Hello, > > Files is here: http://www.linkhomes2000.co.**uk/main/calculators/** > > linkmortgagecalcstart_005.php< > http://www.linkhomes2000.co.uk/main/calculators/linkmortgagecalcstart_005.php > >. > > > > Am I trying to do something, which can't be done? I'm trying to float the > > tables td's into place. As can be seen (please ignore borders, only for > > physical reference) this is not working. From what I see they should > float > > up, but wont. > > > > CSS: .boton,td { > > width: 50%; > > text-align:left; > > float:left; > > padding-bottom:5px; > > border:2px solid #fff; > > } > > > > .btop { > > border-top:3px ridge #039; > > } > > > > > > .tex3,td { > > width: 65%; > > text-align:left; > > float:left; > > line-height:31px; > > border:2px solid #fff; > > > > } > > > > > > > > .leftbal,td { > > width: 30%; > > height:10%; > > text-align:left; > > float:left; > > padding-top:0; > > margin-top:0; > > clear:right; > > border:2px solid #fff; > > } > > > > > > .farrighttex3,td { > > width: 30%; > > text-align:right; > > float:right; > > padding-top:0; > > margin-top:0; > > clear:both; > > border:2px solid #fff; > > } > > > > > > > > .four,table { > > width:100%; > > font-family:"Trebuchet MS", verdana, arial, sans-serif; > > font-weight:bold; > > font-size:85%; > > color:#fff; > > text-transform:uppercase; > > border-top:12px ridge #fff; > > float:none; > > background-color:#369; > > border=spacing:5px > > } > > > > Regards D) > > > > > > > ______________________________**______________________________**__________ > > css-discuss [css-d@lists.css-discuss.org] > > http://www.css-discuss.org/**mailman/listinfo/css-d< > http://www.css-discuss.org/mailman/listinfo/css-d> > > List wiki/FAQ -- http://css-discuss.incutio.**com/< > http://css-discuss.incutio.com/> > > List policies -- http://css-discuss.org/**policies.html< > http://css-discuss.org/policies.html> > > Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/< > http://www.evolt.org/help_support_evolt/> > > > ______________________________________________________________________ > 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/ > > ______________________________________________________________________ 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/
