[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как разместить таблицу по центру страницы?
zvezda_t
Всем привет.

Я раньше равнение делала через вложенность таблиц.
А сейчас задумалась, может, есть более красивый метод?
Как расположить таблицу по центру страницы, может быть через div ?

<div class='center'>
<table>
<tr>
<td>
раз</td><td>два</td>
</tr>
</table>
</div>


Спасибо.



Спустя 3 минуты, 47 секунд (22.08.2012 - 12:57) Игорь_Vasinsky написал(а):
div.center{
text-align:center;
}

или

<center>
....
</
center>

Спустя 37 минут, 1 секунда (22.08.2012 - 13:34) zvezda_t написал(а):
Игорь, неа.
так
div.center{
text-align:center;
}

таблица не сдвинулась относительно div

Спустя 1 минута, 29 секунд (22.08.2012 - 13:35) dron4ik написал(а):
div.center table{
margin: 0 auto;
}

Спустя 28 секунд (22.08.2012 - 13:36) inpost написал(а):
text-align не сдвигает таблицы, дивы тоже, потому что это только для текста. Не зря же говорят: text-align.

<div align="center">ТАБЛИЦА</div> - так!

Спустя 4 минуты, 24 секунды (22.08.2012 - 13:40) Игорь_Vasinsky написал(а):
сдвигает если ширина меньше чем у парента, может не кроссбраузерно, но хром центрует

Спустя 16 минут, 51 секунда (22.08.2012 - 13:57) sebastjan написал(а):
Вроде как самое оптимальное, это dron4ik решение.

Спустя 5 минут, 22 секунды (22.08.2012 - 14:02) zvezda_t написал(а):
Ух ты) Благодарю)

inpost, а почему это свойство через стиль нельзя задать?

Скажите, пожалуйста, а как два div заставить встать по центру в ячейках?
мой align="center" - они игнорируют(((

<tr>
<td
align="center">
<div
class="button_01" >
<?php
echo anchor(); ?>
</div>
</td>
<td
align="center">
<div
class="button_01" >
<?php
echo anchor(); ?>
</div>
</td>
</tr>

Спустя 15 минут, 18 секунд (22.08.2012 - 14:18) dron4ik написал(а):
Цитата (zvezda_t @ 22.08.2012 - 12:02)

Скажите, пожалуйста, а как два div заставить встать по центру в ячейках?
мой align="center" - они игнорируют(((

Нужно дать диве конкретный размер, и маргинить, по дефолту у дивы 100% width
если TD = 100px то TD DIV = 80px к примеру

Спустя 47 секунд (22.08.2012 - 14:19) inpost написал(а):
zvezda_t
Через стиль можно, выше показал как dron4ik, я не захотел его текст дублировать. К тому же align работает абсолютно во всех браузерах, а вот как поведёт себя margin - я не проводил тесты, делаю через align.
td align - багнутый! Внутри td создай div, ему задавай align.!

Спустя 31 минута, 26 секунд (22.08.2012 - 14:50) zvezda_t написал(а):
dron4ik, как интересно) мне уже нравится со стилями работать)
Получилось задать div конкретный размер!
для ячейки таблицы определила стиль:

.table_center td {
text-align: center;
margin: 0 auto;
}

Но div, сдвинуться не захотел.

Спустя 3 минуты, 4 секунды (22.08.2012 - 14:53) dron4ik написал(а):
.table_center td {
width: 100px;
text-align: center;
border: 1px solid blue; //для наглядности
}
.table_center td div{
width: 80px;
margin: 0 auto;
border: 1px solid red; //для наглядности
}

А так?

Спустя 11 минут, 41 секунда (22.08.2012 - 15:05) zvezda_t написал(а):
dron4ik, шикарно))))
Благодарю! Я так рада, что Вы меня научили))))

Спустя 4 минуты, 28 секунд (22.08.2012 - 15:09) zvezda_t написал(а):
Ой, можно еще вопрос?
А если я одной ячейке в таблице задам id, я могу в стилях для этого id значения отдельно прописать? Подскажите, пожалуйста, как это должно выглядеть?

Спустя 5 минут (22.08.2012 - 15:14) dron4ik написал(а):
<td id="ret1"></td>

css
#ret1{
background-color: #f3f3f3;
}

или класс

<td class="ret1"></td>

css
.ret1{
background-color: #f3f3f3;
}

Спустя 1 час, 36 минут, 26 секунд (22.08.2012 - 16:51) zvezda_t написал(а):
Здорово))) благодарю)

Извините, что много вопросов, а вот:
Для body можно два описания сделать?
У меня два шаблона странички, которые отличаются настройками body, можно в одном файле два тела описать???

Спустя 2 минуты, 7 секунд (22.08.2012 - 16:53) dron4ik написал(а):
<body class="a1 a2">

и в зависимости какой css нужен, от того и отталкиваемся

.a1{
color: #000;
}

.a2{
color: #CCC;
}

Спустя 3 минуты, 11 секунд (22.08.2012 - 16:56) zvezda_t написал(а):
Супер) теперь я полностью счастлива)
Вы меня здорово выручили!
Спасибо user posted image

Спустя 14 часов, 16 минут, 27 секунд (23.08.2012 - 07:12) zvezda_t написал(а):
Это снова я)

Можно спросить, а как в левой ячейке див прижать к правому краю, а в правой ячейке к левому?

<tr>
<td
align="right">
<div
class="button_01" >
<?php
echo anchor(); ?>
</div>
</td>
<td
align="left">
<div
class="button_02" >
<?php
echo anchor(); ?>
</div>
</td>
</tr>

Спустя 33 минуты, 4 секунды (23.08.2012 - 07:45) Игорь_Vasinsky написал(а):
div{
float:right;
}


или

<td align="right">


для левого аналогично

Спустя 50 минут, 9 секунд (23.08.2012 - 08:36) zvezda_t написал(а):
<td align="right"> - не хочет реагировать на див.

А вот за float:right; - Благодарю) получилось)))


Спустя 1 день, 6 часов, 7 минут, 40 секунд (24.08.2012 - 14:43) zvezda_t написал(а):
Скажите, пожалуйста, а нормально, что IE8 не реагирует на

div.center table{
margin: 0 auto;
}


??

Спустя 2 дня, 16 часов, 52 минуты, 50 секунд (27.08.2012 - 07:36) zvezda_t написал(а):
Подскажите, пожалуйста, как в IE8 выравнять таблицу по центру?

Спустя 4 часа, 40 минут, 16 секунд (27.08.2012 - 12:16) Bezdna написал(а):

<table style="margin:0 auto">

Спустя 1 час, 7 минут, 16 секунд (27.08.2012 - 13:24) zvezda_t написал(а):
Bezdna, неа.. не хочет слушаться((

Спустя 1 час, 33 минуты, 42 секунды (27.08.2012 - 14:57) dron4ik написал(а):
перед таблицей <center> и после </center> жестоко, но должно сработать...

Спустя 15 часов, 31 минута, 54 секунды (28.08.2012 - 06:29) zvezda_t написал(а):
dron4ik, да) помогло) спасибо!


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.