 [HTML, CSS] Таблица ровно по-середине |
 |
 |
Здравствуйте, гость ( Вход | Регистрация )
  |
 2.11.2008 - 00:02
Вставить ник | Быстрая цитата | Сообщение
#1
|
|
 Это вам не это...    Группа: Участник Сообщений: 3389 Регистрация: 26.06.2006 Пользователь №: 14235  |
Возник вопрос: как сделать <table> ровно по-центру пустой страницы? (в <table> много ячеек)
Горизонтально это делается с помощью margin: auto; (и то, в опере работает, а в ИЕ нет), а вот вертикально как? Сообщение отредактировано Ready - 2.11.2008 - 00:12 |
 |
 
|
|
2.11.2008 - 00:59
Вставить ник | Быстрая цитата | Сообщение
#2
|
|
 Энтузиаст Группа: Участник Сообщений: 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 |
|
|
|
|
2.11.2008 - 01:46
Вставить ник | Быстрая цитата | Сообщение
#3
|
|
|
Это вам не это... Группа: Участник Сообщений: 3389 Регистрация: 26.06.2006 Пользователь №: 14235 |
Если так, то таблица уходит в нижний правый угол.
(Я уже кучу методов попробовал — не получается) 
Сообщение отредактировано Ready - 2.11.2008 - 01:47 |
|
|
|
|
2.11.2008 - 15:01
Вставить ник | Быстрая цитата | Сообщение
#4
|
|
 Bill rulz ^^ Группа: Участник Сообщений: 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 |
|
|
|
|
4.11.2008 - 18:40
Вставить ник | Быстрая цитата | Сообщение
#5
|
|
 Постоялец форума Группа: Участник Сообщений: 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> </td> </tr> </table> </td> </tr> </table> Работает во всех браузерах - IE, FF, Netscape, Safari, Opera. |
|
|
|
|
15.11.2008 - 00:24
Вставить ник | Быстрая цитата | Сообщение
#6
|
|
|
Продвинутый новичок Группа: Участник Сообщений: 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> </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
|
Текстовая версия | Сейчас: 11.05.2025 - 23:33 |