• Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Тема: Як вирівняти таблицю по центру ?

Привіт.
Є в мене сторінка, у якій міститься таблиця і декілька div блоків.
І треба мені це все вирівняти по центру.
Я пробував просто це все запихати у 

<center>...</center>

але в результаті по центру ставали лише div блоки, і то не повністю.

Html:

<!DOCTYPE html>
 <html>
      <head>
            <meta charset="utf-8">
            <title>Home page</title>
            <link rel="stylesheet" href="/template/style.css">
            <script src="/template/js/block.js"></script>
      </head>
      <body>
          <div id="logo">
        logo
            </div>
            <div id="cframe">
             <table  border="0" cellspacing="1" cellpadding="0" width="1300" bgcolor="#CCCCCC" >{content}</tr>
    <tr>
       <td colspan="2" class="bottom"> Hanter</td>
       </tr>
           </table>
          <div align="center">text</div>
            </div>
      </body>
</html>

2 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Як вирівняти таблицю по центру ?

table{
 width:1300px;
 margin:0 auto;
position:relative;
}

Спробуйте

funivan вебсайт

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Як вирівняти таблицю по центру ?

funivan написав:
table{
 width:1300px;
 margin:0 auto;
position:relative;
}

Спробуйте

Нажаль не рівняє...

4 Відповідь від Invader Востаннє редагувалося Invader (21.01.2013 13:01:45)

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Як вирівняти таблицю по центру ?

table { margin: auto; }

або

<table style="margin: auto;">

http://stackoverflow.com/questions/7455 … rizontally

5 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Як вирівняти таблицю по центру ?

http://www.granneman.com/webdev/coding/ … tertables/

Подякували: Пам'ять не може бути READ1

funivan вебсайт

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Як вирівняти таблицю по центру ?

funivan написав:

http://www.granneman.com/webdev/coding/ … tertables/

Використав наступне:

width:70%; 
    margin-left:15%; 
    margin-right:15%;

7 Відповідь від User 298

  • User 298
  • Гість

Re: Як вирівняти таблицю по центру ?

А так прокатить?

body
{
text-align: center;
}

або

div.body
{
text-align: center;
}

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Як вирівняти таблицю по центру ?

Bartash написав:

А так прокатить?

body
{
text-align: center;
}

або

div.body
{
text-align: center;
}

Так нажаль не хоче.

9 Відповідь від User 298 Востаннє редагувалося User 298 (22.01.2013 14:49:45)

  • User 298
  • Гість

Re: Як вирівняти таблицю по центру ?

/template/style.css

У вас файли html та css - в однім каталозі лежать?

./template/style.css

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Як вирівняти таблицю по центру ?

Bartash написав:
/template/style.css

У вас файли html та css - в однім каталозі лежать?

./template/style.css

Так, в одному.

11 Відповідь від User 298

  • User 298
  • Гість

Re: Як вирівняти таблицю по центру ?

Hanter написав:
Bartash написав:
/template/style.css

У вас файли html та css - в однім каталозі лежать?

./template/style.css

Так, в одному.

Тоді проблема - у відсутності крапки у шляху до файлу стилів.

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Як вирівняти таблицю по центру ?

Bartash написав:
Hanter написав:
Bartash написав:
/template/style.css

У вас файли html та css - в однім каталозі лежать?

./template/style.css

Так, в одному.

Тоді проблема - у відсутності крапки у шляху до файлу стилів.

Упс, забув сказати, що ці html файли підключаються у скрипті і вже з самого скрипта виводяться.

13 Відповідь від User 298

  • User 298
  • Гість

Re: Як вирівняти таблицю по центру ?

Hanter написав:

Упс, забув сказати, що ці html файли підключаються у скрипті і вже з самого скрипта виводяться.

А це якось впливає на підключення CSS? Якщо CSS підключається безпосередньо у HTML-файлі за допомогою link, то можна взагалі

"./style.css"