Выровняйте таблицу справа в справке Firefox, как я могу поддерживать несколько браузеров

Question

Добрый день всем,

У меня есть столик внутри div.У div есть правило стиля text-align:right;.Я понимаю, что элемент - это таблица, а не текст, но, тем не менее, мне нужно, чтобы таблица была выровнена по правому краю в FireFox.Я наткнулся на -moz-right, который правильно работает в FireFox, однако это нарушает любой другой браузер, то есть таблица выравнивается по левому краю, как это было в FireFox.Вчера я прочитал, что хитрость в том, чтобы создать класс CssClass и поместить туда оба атрибута.

.someClass { text-align:right; text-align:-moz-right; }

Я пробовал это, и результат тот же, он работает в одном, но не в другом.Я попытался изменить их порядок, который просто меняет эффект.Есть ли способ заставить это работать как в IE (Safari и Chrome отображают его как IE), так и в FireFox?Могут ли какие-нибудь гуру CSS указать мне правильное направление?Спасибо за любую помощь.

Приветствия,
~ CK в Сан-Диего

Answer 1

Плавание стола вправо БУДЕТ работать, но вы должны очистить свое плавание за столом, чтобы ваше погружение оставалось вокруг стола, а не просто разваливалось, когда стол торчит так:

<div>
<table style="float:right"></table>
<div style="clear:right"></div>
</div>

Answer 2

Если вы знаете ширину таблицы, вы можете использовать margin:0 0 0 auto; для таблицы.

Answer 3

Попробуйте установить «float: right»; на столе css:

CSS:

.container
{
    overflow: hidden;
    zoom: 1;
}

.rightTable
{
    float: right;
}

Markup:

<div class="container">
    <table class="rightTable">...</table>
</div>

РЕДАКТИРОВАТЬ: Это противное требование, но у вас есть варианты: Смотрите здесь . Я реализовал решение «скрыто от переполнения» выше, и оно работало в IE 8 и Firefox 3.6. Посмотрите на статью для получения дополнительной информации.