PDA

Показать полную графическую версию : Таблица в Опере

Cloud00
23-10-2002, 19:49
Есть таблица опред.ширины с 30-ю ячейками в одну строку. Никак не могу выровнять их по ширине. В IE и NN все отобр-ся нормально, а в опере (6.5) как попало. Величины пробовал указывать и в пикселях, и в процентах. Как быть?
BigMac
23-10-2002, 20:01
В пикселях точно должно помочь
Cloud00
23-10-2002, 20:11
BigMac

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

для каждой ячейки прописывал вручную - неа
BigMac
23-10-2002, 22:03
Cloud00
давай ссылку на страницу - гляну
Cloud00
23-10-2002, 22:57
BigMac
ссылку на страницу

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

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

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

Исправлено: Cloud00, 5:39 24-10-2002
vasketsov
24-10-2002, 10:43
Cloud00
Если тебе надо сделать их равными по ширине, а 3% писать неохота потому как это будет 90%, то для этого есть один стандартный фокус, надо width="1*" для всех написать, но не помню точно этот синтаксис.

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

Для большей пользы хотелось бы понять, что значит выровнять по ширине. Таблица строго по центру, ее ширина меньше или равна 100%, и она поделена на 30 равных столбиков?
Cloud00
07-11-2002, 01:28
vasketsov

width="1*"

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

Изначально хотелось выровнять ячейки и по ширине табицы, но потом это "хотелось" отпало ввиду эстетических соображений =)) Теперь просто эта табличка будет висеть по центру основного контента странички.
Cloud00
08-11-2002, 01:54
Ради интереса попытался сделать так, как хотел изначально, но что-то опять не выходит... Вот код:

<!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>



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

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

Исправлено: Cloud00, 5:57 8-11-2002
BigMac
08-11-2002, 20:20
Cloud00
Ну так а кто ширину прописывать будет? Ты ведь только высоту прописал
Cloud00
08-11-2002, 21:49
BigMac

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

Так а <colgroup> и <col> на что?
BigMac
08-11-2002, 22:54
Cloud00
попробуй в каждом <td> прописать width=16, например
Cloud00
09-11-2002, 00:52
BigMac

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

для каждой ячейки прописывал вручную - неа
BigMac
09-11-2002, 08:28
Ну тады ничего не понимаю..может просто Опера коряво со стилями работает
Cloud00
10-11-2002, 00:39
BigMac

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

По идее,

<colgroup  span="31" width="31*" align="center"></colgroup>

как раз для этого и предназначено, но ни в Опере, ни в НН это не сработало. (а может, и не должно было)
BigMac
10-11-2002, 12:13
Cloud00
И не должно было, наверно, т.к. между ИЕ и Оперой большие отличия, чтобы ни говорили,  последняя многие вещи не понимает
alfa roman
10-11-2002, 21:46
А в каскадных таблицах написать

TD {
width: Xpx;
}

Не пробывал,ну если не секрет зачем тебе столько ячеек,ладно уже в высоту но в ширину???
Cloud00
10-11-2002, 22:27
alfa roman

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

а догадайся с трех раз :biggrin:
KoshAK
15-11-2002, 20:26
Да Опера вообще такая глючная, я когда делал таблицы на сайте, они тоже все расползались.
ИМХО глупо ей пользоваться из-за скорости, если она всё коряво показывает.
alfa roman
16-11-2002, 20:46
Зачем догатываться,оно и видно,ДЕЛРТЬ НЕЧЕГО.Ну если только смайлики в каджой ячейке прописывать хе-хе.( к примеру ).



© OSzone.net 2001-2012