VPF::Как отцентрировать таблицу - Форум программистов

dm9

Дата 17.12.2004, 09:30 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Вот возник такой вопрос.
Есть таблица, ширина которой определяется содержимым.
Надо отцентрировать её, то есть посадить в центр экрана (по горизонтали).
Причём хотелось бы соответствовать стандарту xhtml 1.0, ибо стандарты рулят, и неприятно, когда на странице одно-единственное несоответствие. Отсюда мораль - align=center не катит, так как "there is no attribute "align""...

Зачем это нужно? Просто мне надо вывести на экран табличку, состоящую из двух частей - левая и правая часть. Причём текст в левой части выровнен по правому краю, а в правой - по левому. А чтобы было красиво, хочу всю эту табличку разместить по центру...

Вот, собственно, мои попытки:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
body {
    text-align: center;
}

.smalltable {
    background-color: yellow;
}

.auxdiv {
    text-align: center;
    width: 100%;
}

.auxtable {
    width: 100%;
}


</style>
</head>
<body>

<table class="auxtable">
    <tr>
        <td>
            <table class="smalltable">
                <tr>
                    <td>
                        Работает только под IE 6, Opera 7.54,
                        не работает под Opera 6.0, 7.0, Mozilla Firefox 1.0
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<table class="smalltable">
    <tr>
        <td>
            Работает IE only
        </td>
    </tr>
</table>

<div class="auxdiv">
    <table class="smalltable">
        <tr>
            <td>
                Работает IE only
            </td>
        </tr>
    </table>
</div>

<div align="center">
    <table class="smalltable">
        <tr>
            <td>
                Так работает, но не катит, хочу css
            </td>
        </tr>
    </table>
</div>

</body>
</html>

Sardar

Дата 17.12.2004, 10:32 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 6
Всего: 317

Нашёл проблему.... smile

Если у меня с третьей попытки не получается решить проблему, то я нарушаю стандарты и пишу по старинке smile

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

dm9

Дата 17.12.2004, 10:35 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Блин, две страницы по стандарту сверстал, третюю не могу smile

) В принципе, стандарты - это фигня по большому счёту, но всё равно

Цитата(dm9 @ 17.12.2004, 09:30)

неприятно, когда на странице одно-единственное несоответствие

Alx

Дата 17.12.2004, 10:37 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78

я эти стандарты никогда не уважал, но я бы закинул в теги <center></center>...

--------------------

dm9

Дата 17.12.2004, 10:43 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(http)

element "center" undefined

Это сообщение отредактировал(а) dm9 - 17.12.2004, 10:44

Cheba

Дата 19.12.2004, 16:33 (ссылка)

(нет голосов)

Загрузка ...

pointless one

Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62

Вот так можно. Правда не везде проверял. Но хоть где-то работает. smile

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
.centertable {
	margin-left: auto;
	margin-right: auto;
	
	border: 1px dotted gray;
}
</style>
</head>
<body> 
<table class="centertable"> 
  <tr> 
    <td> Вот тебе css... </td> 
  </tr> 
  <tr> 
    <td> Проверено в IE 6 и Firefox 1.0 PR. <br /> 
      Точно работает </td> 
  </tr> 
</table> 
</body>
</html>

Добавлено @ 16:40
Товарищь Сардар говорит, что в Опере тоже работает. smile

--------------------

Как правильно задавать вопросы

sergejzr

Дата 19.12.2004, 16:41 (ссылка)

(нет голосов)

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 4
Всего: 360

Cheba Опера, ИЕ, Мозилла берут твой код у меня без проблем smile

--------------------

Me.
FB.
LinkedIn.
ORCID.
YT.

Sardar

Дата 19.12.2004, 16:45 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 6
Всего: 317

Цитата(Cheba @ 19.12.2004, 15:33)

Но хоть где-то работает

Точно работает в Opera 7.54, точно не работает в IE5.0

--------------------

dm9

Дата 20.12.2004, 01:06 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Cheba, громадное спасибо!
Тестировал на IE6, Firefox 1, Opera 6.0, 7.0, 7.54 - работает.

Это сообщение отредактировал(а) dm9 - 20.12.2004, 01:06

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »