Таблица в Опере - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - Таблица в Опере (http://forum.oszone.net/showthread.php?t=31930)

Есть таблица опред.ширины с 30-ю ячейками в одну строку. Никак не могу выровнять их по ширине. В IE и NN все отобр-ся нормально, а в опере (6.5) как попало. Величины пробовал указывать и в пикселях, и в процентах. Как быть?

В пикселях точно должно помочь

BigMac

Цитата:

в пикселях точно должно

для каждой ячейки прописывал вручную - неа

Cloud00
давай ссылку на страницу - гляну

BigMac

Цитата:

ссылку на страницу

я ее вот пока еще только разрабатываю...

-------------------------------------------

В общем, решил я отказаться от фиксированной ширины таблицы...

[s]Исправлено: Cloud00, 5:39 24-10-2002[/s]

Cloud00
Если тебе надо сделать их равными по ширине, а 3% писать неохота потому как это будет 90%, то для этого есть один стандартный фокус, надо width="1*" для всех написать, но не помню точно этот синтаксис.

Потом, прочитайте про <colgroup> и <col> , по идее это там должно все делаться, а не для каждой ячейки.

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

vasketsov

Цитата:

width="1*"

кажется, это имено то, что было нужно. Спасибо!

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

Ради интереса попытался сделать так, как хотел изначально, но что-то опять не выходит... Вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//RU">
<html>
<head>
<title>?COLGROUP?</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.style1 {
font-family: Verdana;
font-size: 70%;
background-color: #999999;
font-weight: bold;
color: #FFFFFF;
}
.style2 {
font-family: Verdana;
font-size: 65%;
color: #FFFFFF;
background-color: #999999;
}
</style>
</head>

<body>
<table width="558" border="0" cellspacing="1" cellpadding="0">
<colgroup *span="31" width="31*" align="center"></colgroup>
<tbody>
*<tr>
* *<td colspan="31" class="style1"> Таблица 1</td>
*</tr>
*<tr class="style2">
* *<td height="15">1</td>
* *<td height="15">2</td>
* *<td height="15">3</td>
* *<td height="15">4</td>
* *<td height="15">5</td>
* *<td height="15">6</td>
* *<td height="15">7</td>
* *<td height="15">8</td>
* *<td height="15">9</td>
* *<td height="15">10</td>
* *<td height="15">11</td>
* *<td height="15">12</td>
* *<td height="15">13</td>
* *<td height="15">14</td>
* *<td height="15">15</td>
* *<td height="15">16</td>
* *<td height="15">17</td>
* *<td height="15">18</td>
* *<td height="15">19</td>
* *<td height="15">20</td>
* *<td height="15">21</td>
* *<td height="15">22</td>
* *<td height="15">23</td>
* *<td height="15">24</td>
* *<td height="15">25</td>
* *<td height="15">26</td>
* *<td height="15">27</td>
* *<td height="15">28</td>
* *<td height="15">29</td>
* *<td height="15">30</td>
* *<td height="15">31</td>
*</tr>
</tbody>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<table width="558" border="0" cellspacing="1" cellpadding="0">
*<colgroup><col span="31" width="31*" align="center" valign="middle"></colgroup>
*<tbody>
*<tr>
* *<td colspan="31"align="left" class="style1">Таблица 2</td>
*</tr>
*<tr class="style2">
* *<td height="15">01</td>
* *<td height="15">02</td>
* *<td height="15">03</td>
* *<td height="15">04</td>
* *<td height="15">05</td>
* *<td height="15">06</td>
* *<td height="15">07</td>
* *<td height="15">08</td>
* *<td height="15">09</td>
* *<td height="15">10</td>
* *<td height="15">11</td>
* *<td height="15">12</td>
* *<td height="15">13</td>
* *<td height="15">14</td>
* *<td height="15">15</td>
* *<td height="15">16</td>
* *<td height="15">17</td>
* *<td height="15">18</td>
* *<td height="15">19</td>
* *<td height="15">20</td>
* *<td height="15">21</td>
* *<td height="15">22</td>
* *<td height="15">23</td>
* *<td height="15">24</td>
* *<td height="15">25</td>
* *<td height="15">26</td>
* *<td height="15">27</td>
* *<td height="15">28</td>
* *<td height="15">29</td>
* *<td height="15">30</td>
* *<td height="15">31</td>
*</tr>
*</tbody>
</table>

</body>
</html>

=======================

Оба варианта правильно отбражаются только в Эксплорере. Что не так?

[s]Исправлено: Cloud00, 5:57 8-11-2002[/s]

Cloud00
Ну так а кто ширину прописывать будет? Ты ведь только высоту прописал

BigMac

Цитата:

Ты ведь только высоту прописал

Так а <colgroup> и <col> на что?

Cloud00
попробуй в каждом <td> прописать width=16, например

BigMac

Цитирую себя же:

Цитата:

для каждой ячейки прописывал вручную - неа

Ну тады ничего не понимаю..может просто Опера коряво со стилями работает

BigMac

Да нет, тут не стили. Проблема в том, что при фикс-ной ширине таблицы и при не кратном ей колл-ве ячеек (столбцов) распределение ширины между ними (т.е. их ширина) происходит неравномерно.

По идее,

Цитата:

как раз для этого и предназначено, но ни в Опере, ни в НН это не сработало. (а может, и не должно было)

Cloud00
И не должно было, наверно, т.к. между ИЕ и Оперой большие отличия, чтобы ни говорили,  последняя многие вещи не понимает

А в каскадных таблицах написать

TD {
width: Xpx;
}

Не пробЫвал,ну если не секрет зачем тебе столько ячеек,ладно уже в высоту но в ширину???

alfa roman

Цитата:

зачем тебе столько ячеек

а догадайся с трех раз :biggrin:

Да Опера вообще такая глючная, я когда делал таблицы на сайте, они тоже все расползались.
ИМХО глупо ей пользоваться из-за скорости, если она всё коряво показывает.

Зачем догатываться,оно и видно,ДЕЛРТЬ НЕЧЕГО.Ну если только смайлики в каджой ячейке прописывать хе-хе.( к примеру ).