Кроссбраузерное форматирование столбцов таблицы.

Shkur · February 28, 2008

Всем привет. Предлагаю дискашн на эту тему, т.к. в инете очень мало инфы.

Пишите сюда ваши варианты кто как делал.

Я делал так:

 1. добавил теги <table><col class=col1><col class=col2><col class=col3><col class=col4> и т.д. (добавляются сразу после тега <table>)

Дальше в стилях прописывал форматирование. тег

<td> наследует свойства от тега <col>

В итоге в IE все получилось. А Опера такие вещи не понимает.

Соответственно вопрос: как с этим быть?

Mordraug · February 29, 2008

у меня почему-то все получилось

Пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 <title>sample</title>
 <style type="text/css">
 html, body, .zz {
 padding: 0;
 margin: 0;
 }

 .zz {
 border-collapse:collapse;
 }

 .zz td {
 border:1px solid #888;
 padding:10px;
 }

 .col_01 {
 width:100px;
 border:3px solid #000;
 background-color:#ff0;
 }

 .col_02 {
 background-color:#ccc;
 width:200px;
 }

 .col_03 {
 width:200px;
 border:3px solid #080;
 background-color: #0f0;
 }
 </style>
 </head>
 <body>

 <table cellspacing="0" class="zz">
 <col class="col_01"></col>
 <col class="col_02"></col>
 <col span="2" class="col_03"></col>
 <tr>
 <td> test </td>
 <td> test </td>
 <td> test </td>
 <td> test </td>
 </tr>
 <tr>
 <td> test </td>
 <td> test </td>
 <td> test </td>
 <td> test </td>
 </tr>
 <tr>
 <td> test </td>
 <td> test </td>
 <td> test </td>
 <td> test </td>
 </tr>
 <tr>
 <td> test </td>
 <td> test </td>
 <td> test </td>
 <td> test </td>
 </tr>
 </table>

 </body>
</html>

работает в IE, Opera, FF, Mozilla, Safari

klierik · February 29, 2008

понимают все браузеры 8)

Mordraug · February 29, 2008

Ну я про то и говорю =)

А указал конкретные ? это в каких я проверял пример

Shkur · March 4, 2008

Ну как сказать... а вот цвет шрифта не поменять таким способом. Как например с этим быть?

Sign In

Кроссбраузерное форматирование столбцов таблицы.

Question

Shkur

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Mordraug

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Mordraug

Link to comment

Share on other sites

Shkur

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information