View Single Post
Old 02-20-2014, 08:38 AM   #1
mrmikel
Book Twiddler
mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.
 
Posts: 2,028
Karma: 1424487
Join Date: Apr 2008
Location: Central Oregon Coast
Device: PRS-300
Replacing tables

I have been trying to replace tables in my epubs with divs and css.

As with tables, when the text size is increased, things get out of line with each other. In tables it seems a little more graceful a failure.

Is there any way to make the following div in a table track with the preceding one?

This is what I am doing:
CSS
.row {
width: 100%;
}
.col1{
float: left;
min-height: 1px;
width: 75%;
text-align: left}
.col2, .col3 {
float: right;
min-height: 1px;
width: 25%;
text-align: right; }
.clear {
border: none;
clear: both;

}
HTML
<div class='row'>
<div class='col1'>
Ordnance and ordnance stores
</div>
<div class='col2'>
$45,000,000 </div>



</div>
mrmikel is offline   Reply With Quote