Страницы: 1
фокус не удался (с марджинами для CAPTION)
достаточно убрать их у TABLE и все нормализуется
непонятно только - ведь CAPTION - неотъемлемая часть TABLE и по идее не только ширину у таблицы должен брать, но и позиционироваться всегда относительно оной
А полный пример можно?
[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="Pragma" content="no-cache">
<META HTTP-EQUIV="Cache-Control" content="no-cache,must-revalidate,proxy-revalidate">
<META HTTP-EQUIV="Expires" content="Thu,06 Apr 2006 08:01:15">
<META HTTP-EQUIV="Last-Modified" content="Thu,06 Apr 2006 08:01:15">
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
<title>test</title>
<style>
BODY
{
padding: 5px;
margin: 0;
}
TABLE
{
margin-left: auto;
margin-right: auto;
/*margin: 0;*/
border: 1pt solid #000000;
border-collapse: collapse;
border-spacing: 0px
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 8pt;
font-weight: normal;
color: #000000;
text-align: left;
}
CAPTION
{
caption-side: top;
width: auto;
margin: 0;
padding: 5px;
font-weight: bold;
font-
CAPTION таблицы
съезжает, если в CSS задать
хотя сама таблица, заключенная в <DIV align="center">, позиционируется нормально
По идее caption должен расположиться по центру таблицы, но в итоге он центрируется относительно не понять чего
у кого есть объяснение?
а что тут так долго обсуждать разработчикам?
ИМХО COL - самый простой и естественный путь задания характеристик столбцов таблицы
ибо альтернативы лишь две - либо в каждый TD лепить атрибуты (избыточные код, объем, информация), либо сочинять CSS, которые мало того, что и спец не сразу разберет, но и на каждую таблицу придется писать свой особенный класс (у меня в биллинге больше сотни таблиц одного класса, в котором описаны общие характеристики, но таблицы с разным количеством и расположением столбцов, так что одним классом не обойтись если заносить в CSS и описание столбцов, а ведь всего-то ничего - выравнивание описать)
но ведь писать аттрибут выравнивания для каждой ячейки при 1000 строках таблицы - это же моветон
каков выход?
Проверил на w3c - вроде бы все по стандарту, выравнивание, заданное в <COL> должно работать.
Но FF имеет на сей счет собственное мнение
а вот IE и Opera в этом месте поступают по стандарту
[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
<TITLE>MyBilling</TITLE>
</HEAD>
<BODY>
<DIV align="center">
<TABLE border="1" width="700px">
<COLGROUP>
<COL width="40px" align="right">
<COL width="65px" align="center">
<COL width="355px" align="left">
<COL width="60px" align="right">
<COL width="60px" align="right">
<COL width="120px" align="right">
</COLGROUP>
<THEAD>
<TR>
<TH>№</TH>
<TH>ID</TH>
<TH>Название организации(ФИО)</TH>
<TH>Категория</TH>
<TH>Баланс</TH>
<TH>Кол-во</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD colspan="6" align="left">Manager1</TD>
</TR>
<TR bgcolor="#ffffff">
<TD>1</TD>
<TD>1384
пробовал, но какая разница? Все три браузера (IE,O,FF) нормально понимают высоту в pt но только у FF сносит крышу с шириной при задании высоты. Причем я же говорил про странность - идет несколько однотипных строк таблицыс нормальным по ширине селектором, затем несколько с вылезшим правым краем за правую границу ячейки, а затем вдруг один-два вообще вылетают правым краем за пределы таблицы. Какая-либо закономерность не просматривается абсолютли, как ни анализировал код. ИМХО - баг, причем серьезный.
забавно, но FF некорректно отображает <select> если в css описан SELECT {height: 13pt; }
Причем глючит не высота селектора а ширина.
У меня таблица (например список клиентов) в десяток строк, в каждой из которых - форма с <SELECT> для выбора параметра (например - тарифный план для клиента). Причем все <SELECT> абсолютно идентичны и отличаться могут только выбранным (selected) значением. И FF устанавливает ширину каждого из этих <SELECT> как бог на душу положит, то точно вписываясь в ячейку, то вылезая за пределы не только ячейки, но и таблицы. Точнее сначала идет группа строк с нормальной шириной селекта, затем идет группа вылезающая за пределы ячейки, затем вдруг один вылетает правым краем за пределы таблицы, проходя даже под кнопками в соседних правых ячейках.
Полная бредятина. В IE и Opera все корректно. W3C-валидатор ничего серьезного не нашел.
Собственно такой CSS делался для исправления глюка отображения <INPUT type"text"> в Опере. Она отрисовывает поле ввода бОльшей высот
…Страницы: 1