Объясните пожалуйста как исправить

PEOP · December 6, 2008

Вот в чем проблемка.

вот код странички с требуемой таблицей. суть в том, что боковые ячейки заданы, а ширина средней определяется, как остаток.

<html>

<head>

<title>Таблица</title>

html {width: 100%; height: 100%; padding: 0px; margin: 0px;}

body {width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #dddddd;}

.main {padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; border: none;}

.main td {padding: 0px; margin: 0px; border: none;}

</style>

</head>

<body>

<tr>

<td style="background-color: #a3a3a3; width: 200px;">1 ячейка</td>

<td style="background-color: #656565; height: 500px;">2 ячейка</td>

<td style="background-color: #a3a3a3; width: 200px;">3 ячейка</td>

</tr>

</table>

</body>

</html>

</head>

Вроде бы все отлично. На самом деле мне требуется отодвинуть всю таблицу слева и справа на 30 пикселов к центру. ну...... я, как самый умный...... дописал margin-left: 30px; margin-right: 30px; в класс таблицы. вот так.

<html>

<head>

<title>Таблица</title>

html {width: 100%; height: 100%; padding: 0px; margin: 0px;}

body {width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #dddddd;}

.main {padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; border: none; margin-left: 30px; margin-right: 30px;}

.main td {padding: 0px; margin: 0px; border: none;}

</style>

</head>

<body>

<tr>

<td style="background-color: #a3a3a3; width: 200px;">1 ячейка</td>

<td style="background-color: #656565; height: 500px;">2 ячейка</td>

<td style="background-color: #a3a3a3; width: 200px;">3 ячейка</td>

</tr>

</table>

</body>

</html>

</head>

и получилась чушь какая-то.. во первых, расширилась страница. а во-вторых, средняя ячейка определилась как ширина страницы максимальная без расширения минус две ширины бокового столбца.

подскажите пожалуйста, как исправить, чтобы таблица сдвинулась на 30 пикселов слева и справа к центру, и при этом чтобы центральный блок играл свою первоначальную роль именно так, как требуется.

мне в голову приходят только 2 идеи (придумал только что,пока писал это сообщение, поэтому не успел опробовать):

- 1. добавить сбоку по ячейке с шириной 30 px;

- 2. запихать таблицу в <div style="margin-left: 30px; margin-right: 30px;"><table> ... </table></div>

Что посоветуете?????????????????

Заранее благодарен за помощь. =)

ну первый........... ну вообще даже за вариант принимать сложно, потому как требутся, чтобы боковое пространство было занято не ячейкой, а тегом телом страницы вообще. ладно. завтра сюда зайду, а сейчас пошел спать. может ночью инересная мысль в голову придет??? xDDDDDDDDD;

s0rr0w · December 6, 2008

Вот в чем проблемка.
и получилась чушь какая-то.. во первых, расширилась страница. а во-вторых, средняя ячейка определилась как ширина страницы максимальная без расширения минус две ширины бокового столбца.

А с чего вы решили, что получилась чушь? Получилось как раз то, что и было написано.

Читать про box-модель в HTML, особенно параграф про то, чему именно присваивается ширина.

подскажите пожалуйста, как исправить, чтобы таблица сдвинулась на 30 пикселов слева и справа к центру, и при этом чтобы центральный блок играл свою первоначальную роль именно так, как требуется.
- 2. запихать таблицу в <div style="margin-left: 30px; margin-right: 30px;"><table> ... </table></div>

Второй вариант лучше по многим параметрам.

А можно поставить ширину 100% не таблице, а центральной ячейке.

klierik · December 6, 2008

автор, поместите код в соответствующие теги

EGORR · December 6, 2008

body {margin: 0 30px 0 30px;}

Whatsup · December 6, 2008

Можно задать выравнивание таблицы по центру и главной таблице задать размерность в 98 процентов.Далее указать левой и правой ячейке размерности в пикселах,а средней задать размер 100 процентов.

Либо учитывать твой маргин в процентах.по 1 на край.И задать так же размерность таблицы равной 98 процентов.Главное не забудь что ширина зависит и от отступов

body {margin: 0 30px 0 30px;}

Тоже можно.Но на малых разрешениях смотреться будет не корректно.Лучше задать в процентах,и записать можно так =)

body {margin: 0 30px;}

PEOP · December 6, 2008

body {margin: что-то там;} не канает, потому как тот кусочек, который я привел - не вся страница. это только таблица, которая находится в центре. ну вы, вобщем-то все правы. но про 98 процентов я бы точно не додумался. всем спасибо. для начала попробую запихать в дивы.

s0rr0w · December 6, 2008

body {margin: что-то там;} не канает, потому как тот кусочек, который я привел - не вся страница. это только таблица, которая находится в центре. ну вы, вобщем-то все правы. но про 98 процентов я бы точно не додумался. всем спасибо. для начала попробую запихать в дивы.

Вы решаете проблему путем исправления симптомов, а не источника проблем.

Зачем вам 98%?

Searcher · December 8, 2008

запихать таблицу в <div style="margin-left: 30px; margin-right: 30px;"><table> ... </table></div>

Это оптимальное решение

Whatsup · December 8, 2008

Вы решаете проблему путем исправления симптомов, а не источника проблем.
Зачем вам 98%?

Затем что это и есть его выход из ситуации.По 1 проценту с краев.Вообще есть множество решений.Но конкретики мы и цели не видели.Поэтому это самое лучшее

Vlad · December 8, 2008

Для начала предлагаю поставить доктайп, это сразу снимет часть проблем. Новые проблемы тоже появятся, но с ними уже понятно что делать.

Sign In

Объясните пожалуйста как исправить

Question

PEOP

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

EGORR

Link to comment

Share on other sites

Whatsup

Link to comment

Share on other sites

PEOP

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Whatsup

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information