VPF::таблица со скруглёнными краями

artsb

Дата 20.9.2008, 22:31 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2280
Регистрация: 17.7.2007
Где: центр Вселенной

Репутация: нет
Всего: 64

Всем привет.

Решил сделать таблицу со скруглёнными краями так:

Код


<style>
.content
{
    width: 100%;
    background-color: #eee;
}
.content td
{
    padding: 0px;
}
</style>
<table class="content">
    <tr height="6px">
        <td style="background-image: url('/images/lt.gif'); background-repeat: no-repeat; width: 6px;"></td>
        <td style="background-image: url('/images/ltop.gif'); background-repeat: repeat-x;"></td>
        <td style="background-image: url('/images/rt.gif'); background-repeat: no-repeat; width: 6px;"></td>
    </tr>
    <tr>
        <td style="background-image: url('/images/lleft.gif'); background-repeat: repeat-y; width: 6px;"></td>
        <td>
            <!-- CONTENT -->
        </td>
        <td style="background-image: url('/images/lright.gif'); background-repeat: repeat-y; width: 6px;"></td>
    </tr>
    <tr height="6px">
        <td style="background-image: url('/images/lb.gif'); background-repeat: no-repeat; width: 6px;"></td>
        <td style="background-image: url('/images/lbottom.gif'); background-repeat: repeat-x;"></td>
        <td style="background-image: url('/images/rb.gif'); background-repeat: no-repeat; width: 6px;"></td>
    </tr>
</table>

FF и Opera всё отображают нормально, т.е. так:
user posted image

а IE (6) так:
user posted image

Это можно исправить так:

Код


<table class="content" border="1px">

Но мне не нужны границы.
Как быть?

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

Чем отличается умный человек от мудрого?
Умный - выпутается из любой ситуации.
Мудрый - просто в неё не попадёт.

webster

Дата 21.9.2008, 00:24 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Код


* {
margin: 0px; padding: 0px;
}
table {
border-collapse: collapse; border: 0px none; width: 100%;
}
td {
border: 0px none;
}

Это сообщение отредактировал(а) webster - 21.9.2008, 00:24

artsb

Дата 21.9.2008, 16:00 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2280
Регистрация: 17.7.2007
Где: центр Вселенной

Репутация: нет
Всего: 64

Спасибо. Попробую, отпишусь.

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

artsb

Дата 21.9.2008, 17:04 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2280
Регистрация: 17.7.2007
Где: центр Вселенной

Репутация: нет
Всего: 64

Не помогло.
Помогло то, что убрал установку ширины столбцов везде, кроме первой строки. Посмотрим, как будет себя вести при вставке контента.

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »