0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 21825 Просмотров
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
При указании <table align="center"> таблица размещается в центре страницы. При указании в css table{align:center;} такого не происходит. Как отцентровать таблицу в css?
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
#table1 { margin: 0 auto; }
логично ) но не работает
« Последнее редактирование: 24.07.2008, 15:34:42 от archer1981 »
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
<table id="one">..........

#one { margin: 0 auto; }
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
<table id="one">..........

#one { margin: 0 auto; }
Делаю
table {margin:0 auto;}
...
<table>

не работает
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
а у меня работает )))   Значит что то там у вас еще .... не так
*

..С...е...р...ы...й..

  • Захожу иногда
  • 51
  • 110 / 2
напиши в html:

<table style="margin:0 auto;">

если не сработает, попробуй

<table style="margin:0 auto !important;">
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
Да мне кажется там что еще мешает.... надо весь код смотреть
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
напиши в html:

<table style="margin:0 auto;">

если не сработает, попробуй

<table style="margin:0 auto !important;">

да я в хтмл и пишу, там то работает. а вот хотелось бы всё в css вынести
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

..С...е...р...ы...й..

  • Захожу иногда
  • 51
  • 110 / 2
тебе правильные варианты дал я и он
если в стилях это не работает ищи где что перекрывает/мешает
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
И что же здесь перекрывает? Может doctype не тот?
Цитировать
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<html>
<head>
   <title>Untitled</title>
<style>
html{font: 14px Arial, Helvetica, sans-serif;}
img{border:0;}
table td {padding:20px;font-size:12px;font-weight:bold;text-align:center;}
table{margin:0 auto;}
</style>
</head>
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Хех, проблема оказывается только в ИЕ6. В опере и ФФ таблица отцентровывается.
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

..С...е...р...ы...й..

  • Захожу иногда
  • 51
  • 110 / 2
Во первых попробуй исправить доктайп на
Цитировать
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

я не самый лучший знаток html, но что то я не видел чтоб глобально определялся стиль для тега  html{..}, возможно это ошибка, замени его на  body {..}
тег  table{..} имеет смысл глобально определять если у тебя только ОДНА таблица, в другом  случае ко всем таблицам будет применён глобальный стиль.
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Да у меня сейчас простой пример, одна страничка. На этом примере разбираю данный вопрос. Там три таблицы и текст между ними. Ничего сложного по сути. Так что в css в данном случае table {...} актуально.
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

slepoy

  • Давно я тут
  • 746
  • 23 / 0
  • Тотальная шизофазия
В IE7 аналогично не центрируется :[ В опере и мозилла файрфокс - все норм.
Помог? Поставь(те) плюс в репутацию.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Цитировать
#table1 { margin: 0 auto; }
логично ) но не работает

Странно…
Такой подход нормально центрирует таблицу:
Код: html4strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style><!--
#table{margin:0 auto;}
--></style>
</head>
<body>

<table id="table" border="1">
<tr>
<td>qwe1</td>
<td>qwe2</td>
</tr>
</table>

</body>
</html>
*

Antosha

  • Захожу иногда
  • 420
  • 52 / 0
  • Плохо спорить плохо
Можно все проще сделать. Заключите Вашу таблицу в тег <center>, то есть:

<center>

<table>
....
</table>

</center>

Отцентрировать по центру родительского элемента, то есть относительно body в вашем случаи.
<a href="http://joomlablog.ru/">JoomlaBlog</a>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 159
Последний ответ 27.11.2020, 11:33:58
от coliandra
Не могу вывести картинку нужно размера

Автор stonehand

Ответов: 3
Просмотров: 349
Последний ответ 22.03.2019, 21:55:29
от sivers
Как сделать меню по центру?

Автор NAaTa

Ответов: 14
Просмотров: 1262
Последний ответ 10.08.2018, 11:09:11
от lexxbry
Выровнять меню по центру

Автор Fetka

Ответов: 1
Просмотров: 675
Последний ответ 02.06.2018, 20:33:21
от Fetka
Разобраться с меню, нужно выставить красиво, по центру!

Автор KirillDragon

Ответов: 4
Просмотров: 739
Последний ответ 28.02.2018, 12:49:44
от KirillDragon