How to become an author
Search
Write a publication
Pull to refresh

Comments 59

не, ну зачем над трупом издеваться?)))) вроде и так уже все поняли, что такое ие6
Total votes 10: ↑3 and ↓7-4
Да дело то не в IE6 и не в рамках у ячеек. Дело в том, что браузеры не знают какую ставить ширину у ячеек в неочевидных ситуациях. Safari рендерит ближе к IE, Fox и Opera — по своему. Это создает проблемы. Мне было необходимо, чтобы ячейки имели наименьшую ширину.
Total votes 2: ↑1 and ↓10
почему тогда не отразить смысла поста в самом посте?
а вот из скрина ну ни разу не понятно, что вы имели ввиду. и уж тем более минусовать из-за этого коммент…
Total votes 5: ↑3 and ↓2+1
да я вродь спокоен, спасибо=)
Total votes 2: ↑1 and ↓10
UFO just landed and posted this here
UFO just landed and posted this here
Я вышел из положения вложенными таблицами, но это частный случай, не решающий проблему, как и указание ширины.
Total votes 2: ↑0 and ↓2-2
Есть еще один момент: часто если таблица растянута (ширина в %), то для минимизации ширины ячейки указывают ширину в 1%. При использовании table-layout: fixed это приведет, очевидно, к «переполнению» ячейки.
Total votes 1: ↑0 and ↓1-1
считать IE6 современным браузером как-то неправильно, имхо
он, скорее, устаревший (хоть и широко, пока, используемый)
Total votes 1: ↑1 and ↓0+1
А почему там колспаны так странно наставлены?
Total votes 3: ↑3 and ↓0+3
Ну в этом то весь и смысл.
Total votes 1: ↑0 and ↓1-1
Различный рендеринг таблиц современными браузерами
Ага.
Firefox 3.5.2 Mac
Safari 4.0.2 Mac
Opera 9.64 Mac
Что-то ваш фаерфокс подозрительно похож на сафари, сафари на оперу, а опера на фаерфокс. Хотя не спорю, с помошью скинов можно сделать все что угодно
Total votes 7: ↑3 and ↓4-1
Под макосью они именно так и выглядят
Total votes 6: ↑3 and ↓30
Ну ну ну, ну порядок не такой конечно ;O)
Total votes 1: ↑0 and ↓1-1
Ну дак в чем проблема, исправьте.
Total votes 1: ↑1 and ↓0+1
Как всегда идиоты минусуют, не пытаясь понять о чем речь (см. ответ petrouv).
Total votes 4: ↑2 and ↓20
Как мне кажется, логичнее всего поступают Опера и Фокс.

Две первые ячейки шире РОВНО на ту самую колонку, которой нет (+ бордюр). Теперь понятно, почему сдвигается нижняя ячейка.

А по поводу Сафари и Ие — что ж, пусть чинят.
Total votes 1: ↑1 and ↓0+1
Логичнее, однако не понятно, почему бы не минимизировать ширину таблицы, если для этого есть возможность.

Если задать ячейкам ширину, то рендеринг в Safari и FF становится идентичным. Но тем не менее, ячейка с текстом test будет явно не 1% ширины. Сможете объяснить логику?
Total votes 1: ↑0 and ↓1-1
У вас в первой строке у всех ячеек длина по 1%. Тут уже что-то не то. Человек без бутылки не разберется, не знаю как там браузер.

Но если поставить в таком случае table-layout: fixed — получится примерно ожидаемое (Опера 10).

А вообще, лучше так не делайте. В трезвом уме с такими структурами не разберешься.
Total votes 1: ↑1 and ↓0+1
Опера бета-2, я так понимаю, показывает как надо
Total votes 1: ↑1 and ↓0+1
Структуры сложные, но и задача сложная.
Total votes 1: ↑0 and ↓1-1
а какой смысл в столбце, которого нет ни в одном ряде таблицы?
интересно было бы взглянуть на практический пример.
Total votes 1: ↑1 and ↓0+1
господи… это называется «плохие браузеры не дают мне засунуть ноги за уши».
Вы меня простите, но в Вашем примере нет таблицы.
ru.wikipedia.org/wiki/%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0

знал бы что топик про табличную верстку, даже не сунулся бы.
Total votes 2: ↑2 and ↓0+2
Это отнюдь не табличная верстка, простите так уже вышло.
На скриншоте кусок таблицы с данными.
Total votes 2: ↑0 and ↓2-2
тогда поясните, какие у приведенной таблицы заголовки колонок. по скриншоту это не ясно, впрочем как и не ясно как скриншот иллюстрирует приведенную в топике ситуацию.
в частности, у «пропавшего» столбца какая смысловая нагрузка. не повторяйтесь про границу — скажите какой смысл, какое название, у этого столбца.

>необходимость в «диагональной» вертикальной границе.
если Вы говорите о визуальной границе — это и называется табличная верстка, потому что Вы используете средство разметки данных (таблицу), для отрисовки оформления.
Total votes 1: ↑1 and ↓0+1
У пропавшего столбца нет никакой нагрузки. Однако, я не смог найти другое решение реализации плавающей границы. У вас есть идеи?
Total votes 1: ↑0 and ↓1-1
У меня есть идея:
Free Image Hosting at www.ImageShack.us
Total votes 1: ↑1 and ↓0+1
Это вы предлагаете убрать ячейки в серой полосе?
Total votes 1: ↑0 and ↓1-1
Да. Зачем там использовать туже самую таблицу, если эти строки ничем не связаны.
Total votes 2: ↑2 and ↓0+2
Обратите внимание, что заголовок у левого столбца — «Канал» и по нему можно сортировать, при этом логотипы могут быть разной ширины. Я решил проблему, вложив таблицу с собственно данными в белую нижнюю строку. Однако это полумера и идеальным решением назвать это нельзя, посколько мы потеряем колоночную связь между отдельными строками данных.

Топик, напомню, не про конкретное решение моей проблемы, а про то, как браузеры ведут себя в неочевидных ситуациях.
Total votes 1: ↑0 and ↓1-1
как браузеры ведут себя в неочевидных ситуациях.
Неочевидно, как же еще. Не создавайте таких ситуаций и все.
Total votes 1: ↑1 and ↓0+1
Хотелось бы чтобы в неочевидных ситуациях они принимали какое-то определенное решение. Может быть не подходящее в какой-то конкретный момент, но определенное.
Total votes 1: ↑0 and ↓1-1
Ваше решение похоже на мое, единственное вы не обратили внимание с какими данными связан заголовок таблицы.

Но и ваше решение удаляет колоночную связь между отдельными группами (группа — это серая полоса), мое — между строками данных в группах.
Total votes 1: ↑0 and ↓1-1
Причина появления такого столбца — необходимость в «диагональной» вертикальной границе.
Total votes 1: ↑0 and ↓1-1
UFO just landed and posted this here
Вообщем-то да, вы были правы ;o)
Total votes 2: ↑1 and ↓10
Проблема в том что нет ни одной строки со всеми заполненными ячейками.
Total votes 2: ↑2 and ↓0+2
Обновил демо — проблемы не решило
Total votes 1: ↑0 and ↓1-1
Должна быть хоть одна строка, где все ячейки без colspan'ов
Примерно так:
  <table>
  <thead>  
    <tr>
     <th>ff</th>
     <th>ff</th>
     <th>ff</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <td colspan=«2»>ardgtardgaegaegag</td>
     <td>ff</td>
    </tr>
    <tr>
     <td colspan=«2»>dfggdsgdsfgfddfsav </td>
     <td>ff</td>
    </tr>
    <tr>
     <td>test</td>
     <td colspan=«2»>ardgtardgaegaegag</td>
    </tr>
   </tbody>
  </table>
* This source code was highlighted with Source Code Highlighter.

Без этого вряд ли получится получить желаемый результат.
Total votes 2: ↑2 and ↓0+2
Да, некоторое улучшение ситуации действительно имеет место быть. Чем объясните пустоту в правых ячейках?
Total votes 1: ↑0 and ↓1-1
Тем, что это таблица, нет?
Total votes 1: ↑1 and ↓0+1
В таблице ячейки обычно стремятся иметь минимальную ширину.
Total votes 1: ↑0 and ↓1-1
А почему только в правых? В левых и верхних вы сами знаете, а в правых нет?
Total votes 1: ↑1 and ↓0+1
Во всех не знаю. Просто в правых она визуально более очевидна, потому вопрос был задан про них.
Total votes 1: ↑0 and ↓1-1
Так это просто длина содержимого…
И там и там одинакого, я думаю вы уже сами разобрались.
Total votes 1: ↑1 and ↓0+1
Вот только Safari и IE (6-8) по-прежнему показывают не то что надо.

В FF и Opera при изменение содержимого все сужается и расширяется теперь как надо, да.
Total votes 1: ↑0 and ↓1-1
Хотя сафари и вправду выдает отсебятину в ширине строк (в вашем и моем вариантах), во всех вариантах есть пустые места, которых в других браузерах не видно.
Total votes 1: ↑1 and ↓0+1
Sign up to leave a comment.

Articles

Show the best of all time

Your account

Sections

Information

Services

Support
© 2006–2024, Habr