Почему вот это не канает?:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table style="border:1px red solid;">
<div style="display:table-row;">
<div style="display:table-cell;border:1px green solid;">
fsdfdsf
</div>
<div style="display:table-cell;border:1px blue solid;">
fsdfdsf
</div>
</div>
<div style="display:table-row;">
<div style="display:table-cell;border:1px green solid;">
fsdfdsf
</div>
<div style="display:table-cell;border:1px blue solid;">
fsdfdsf
</div>
</div>
</table>
</body>
</html>
Имею ввиду почему тег table не становится таблицей для внутренних дивов? То есть браузер создает две таблицы, одна table, а другая анонимная вокруг дивов?
1. Pavelbeginner - 15 Августа, 2011 - 00:09:43 - перейти к сообщению
2. DeepVarvar - 15 Августа, 2011 - 01:19:50 - перейти к сообщению
Ну так он ждет что у таблицы будет хоть один ряд и в нем хоть одна ячейка.
Иначе это не таблица...
Иначе это не таблица...
3. Pavelbeginner - 15 Августа, 2011 - 01:46:59 - перейти к сообщению
Ну я же прописал css свойства дивам. Теперь они являются рядом и ячейками.
4. grefon - 15 Августа, 2011 - 02:08:20 - перейти к сообщению
Pavelbeginner, потому что тут идет эмуляция таблицы средствами css. Так просто изначально делать некорректно, получается киборг - недочеловек, недоробот.
Попробуйте так, но все равно это лажа:
Попробуйте так, но все равно это лажа:
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <table style="border:1px red solid;display:inline-block;" cellpadding="5" cellspacing="5">
- <div style="display:table-row;">
- <div style="display:table-cell;border:1px green solid;"> fsdfdsf </div>
- <div style="display:table-cell;border:1px blue solid;"> fsdfdsf </div>
- </div>
- <div style="display:table-row;">
- <div style="display:table-cell;border:1px green solid;"> fsdfdsf </div>
- <div style="display:table-cell;border:1px blue solid;"> fsdfdsf </div>
- </div>
- </table>