Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
> [HTML, CSS] Таблица ровно по-середине
Ready
сообщение 2.11.2008 - 00:02

Это вам не это...
*******
кубок за победу в конкурсах Форумаорден IV степени
Группа: Участник
Сообщений: 3389
Регистрация: 26.06.2006
Пользователь №: 14235


Возник вопрос: как сделать <table> ровно по-центру пустой страницы? (в <table> много ячеек)

Горизонтально это делается с помощью margin: auto; (и то, в опере работает, а в ИЕ нет), а вот вертикально как?

Сообщение отредактировано Ready - 2.11.2008 - 00:12
Перейти в начало страницы
 
+Цитировать сообщение
Foxtrot
сообщение 2.11.2008 - 00:59

Энтузиаст
****

Группа: Участник
Сообщений: 302
Регистрация: 25.12.2005
Пользователь №: 11189


лучше таблицу в DIV засунуть,

Код
<html>
<head>
  <style type="text/css">
 .pocentru
 {
   position: absolute;
   top: 50%;
   left: 30%;
   right: 30%;
 }    
  </style>
</head>
<body>
<div class=pocentru>
<table width=40% align=center>
  <tr>
    <td>текст</td>
    <td>текст</td>
  </tr>
</table>
</div>
</body>
</html>


Сообщение отредактировано Foxtrot - 2.11.2008 - 00:59
Перейти в начало страницы
 
+Цитировать сообщение
Ready
сообщение 2.11.2008 - 01:46

Это вам не это...
*******
кубок за победу в конкурсах Форумаорден IV степени
Группа: Участник
Сообщений: 3389
Регистрация: 26.06.2006
Пользователь №: 14235


Если так, то таблица уходит в нижний правый угол.

(Я уже кучу методов попробовал — не получается) sad.gif

Сообщение отредактировано Ready - 2.11.2008 - 01:47
Перейти в начало страницы
 
+Цитировать сообщение
SHADE
сообщение 2.11.2008 - 15:01

Bill rulz ^^
******
орден IV степени
Группа: Участник
Сообщений: 1418
Регистрация: 28.09.2003
Пользователь №: 24


Несмотря на всю прелесть цсс-а, самое надежное -- поместить твою таблицу внутрь другой таблицы с одной ячейкой и поставить внешней таблице высоту и ширину 100%, и выравнивание по центру.

Если таблица которую хочешь центрировать резиновая, и она например имеет 50% в ширину и в высоту, то можно поставить ей position:absolute; top:25%; left:25% тогда она будет распологаться аккурат по центру. Вместо top/left можно так же использовать margin-top, margin-left

Сообщение отредактировано SHADE - 2.11.2008 - 15:11
Перейти в начало страницы
 
+Цитировать сообщение
avtor
сообщение 4.11.2008 - 18:40

Постоялец форума
*****

Группа: Участник
Сообщений: 978
Регистрация: 15.04.2004
Пользователь №: 3224


Проще всего, как справедливо заметил SHADE, поместить твою таблицу внутрь другой таблицы с одной ячейкой и поставить внешней таблице высоту и ширину 100%, и выравнивание по центру:

<table border="1" width="100%" height="100%" cellspacing="0" cellpadding="0" bordercolor="#800000">
<tr>
<td align="center">
<table border="1" width="40%" cellspacing="0" cellpadding="0" bordercolor="#0000FF">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>


Работает во всех браузерах - IE, FF, Netscape, Safari, Opera.
Перейти в начало страницы
 
+Цитировать сообщение
AlexX
сообщение 15.11.2008 - 00:24
Продвинутый новичок
**

Группа: Участник
Сообщений: 30
Регистрация: 28.11.2006
Пользователь №: 17409


Цитата(avtor @ 4.11.2008 - 18:40) *
Проще всего, как справедливо заметил SHADE, поместить твою таблицу внутрь другой таблицы с одной ячейкой и поставить внешней таблице высоту и ширину 100%, и выравнивание по центру:

<table border="1" width="100%" height="100%" cellspacing="0" cellpadding="0" bordercolor="#800000">
<tr>
<td align="center">
<table border="1" width="40%" cellspacing="0" cellpadding="0" bordercolor="#0000FF">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>


Работает во всех браузерах - IE, FF, Netscape, Safari, Opera.


Твой пример не будет работать при
Код
<!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">
Перейти в начало страницы
 
+Цитировать сообщение

Ответить в данную темуНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



RSS Текстовая версия Сейчас: 28.03.2024 - 23:28