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/

Reply via email to