Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Некорректно масштабируется таблица 
:(
    Опции темы
Nilson
Дата 4.8.2010, 14:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



    Я пытаюсь сделать следующее: В основной таблице левая и правая ячейки фиксированной ширины, средняя - растягивается в зависимости от размеров окна браузера. Во вложенной таблице аналогично: крайние ячейки фиксированы средняя - вытягивается. 

    Но вместо этого вложенная таблица масштабируется правильно, а во внешней равномерно растягиваются все ячейки. 

    У меня была идея разбить внутреннюю таблицу на две и масштабировать только внешнюю таблицу, но так получается не удобно для макета CMS, которую я использую. Каким образом можно решить эту проблему?


    Листинг кода:

<table style="table-layout:fixed;" width="100%" border="2">
    <tr>
     <td colspan="3" width="100%">
            <table style="table-layout:fixed;" width="100%" border="1">
             <tr>
                 <td width="200px">
                     ##lay_1##
                    </td>
                    <td width="100%">
                    ##lay_2##
                    </td>
                    <td width="150px">
                     ##lay_3##
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
     <td width="120px">
         ##lay_4##
        </td>
        <td width="100%">
         ##lay_5##
        </td>
        <td width="120px">
          ##lay_6##
        </td>
    </tr>   
</table>

Очень прошу помочь.
PM MAIL   Вверх
bazzjr
Дата 4.8.2010, 16:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

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



убери у первой таблицы width:100%
PM MAIL ICQ   Вверх
ksnk
Дата 4.8.2010, 16:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Код

<table style="table-layout:fixed;" width="100%" border="2">
<col width="120px">
<col>
<col width="120px">
<tr>...

и можно убирать у ширину у самих ячеек.

обычная таблица рендерится в несколько проходов, подстраивая свой размер по содержимому, а table-layout:fixed строится в один проход по информации о столбиках.

Это сообщение отредактировал(а) ksnk - 4.8.2010, 16:38


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0446 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.