div, align and css

[skibud2]

Hi All,

How can I do the equivalent to the following in CSS.

This aligns the table to the right of the div
<div align = "right">
<table> ..</table>
</div>


The CSS style:
..right {text-align: right;}
does not work for non text. Am I stuck with putting the align
attribute directly in? I don't want to use float because this div is
within a table.

Thanks in advance,

Mike

 

[Ben C]

Hi All,

How can I do the equivalent to the following in CSS.

This aligns the table to the right of the div
<div align = "right">
<table> ..</table>
</div>


The CSS style:
.right {text-align: right;}
does not work for non text.

No, and there is no standard CSS property that does. Well actually,
that's not quite true, you _could_ use "direction: rtl" on the div,
which will cause the table to go to the right. But I wouldn't advise
using that unless the text is actually in Arabic or another rtl
language. It could well have undesired side-effects.

Am I stuck with putting the align attribute directly in? I don't want
to use float because this div is within a table.

So what? You can float things inside table cells, that's no problem.
Best to float: right the table, that's the CSS way to do this.

 

[David Dorward]

Hi All,

How can I do the equivalent to the following in CSS.

This aligns the table to the right of the div
<div align = "right">
<table> ..</table>
</div>

table {
margin-left: auto;
margin-right: 0;
}

Make sure you use a Doctype that triggers standards mode in IE.