Как создать абсолютный элемент, перекрывающий несколько строк в дизайне календаря (таблицы)? - PullRequest
Новая
       9

Как создать абсолютный элемент, перекрывающий несколько строк в дизайне календаря (таблицы)?

1 голос
/ 18 ноября 2009

Я пытаюсь создать календарь в HTML-дизайне таблицы с элементами div элементов CSS в качестве блоков назначения в абсолютном позиционировании, что работает нормально, но поскольку блок является абсолютным, что позволяет мне перекрывать столько строк, сколько я хочу создавать встречи, он не растягивается горизонтально, что я и хочу. Как я могу сделать растягивание абсолютного блока div? Или есть лучшее решение? (Ограничение: должен поддерживать IE6 +). Проблема выделена ниже.

Ниже приведен фрагмент кода: 

<table class="calendar_dayview_tableformatting">
..
<tr>
  <td class="calendar_dayview_cell">
    a href="#" class="calendar_dayview_dayformatting">09</a>
    <div class="preference">
      <div class="preference_appointment"></div>
    </div>
  </td>
</tr>
</table>

.preference {height: 60px; min-width:445px ; border: 1px solid #ffc61e; background-color: #ffc61e; margin-top: -1.4em; margin-left:2.5em; position:relative;}

.preference_appointment {height: 180px; min-width:445px ; border: 1px solid black; background-color: #f9eaad; position:absolute; margin-top:-1px;z-index:1;}

Ответы [ 2 ]

0 голосов
/ 18 ноября 2009

Было бы полезно, если бы вы опубликовали дополнительную информацию о вашей проблеме, включая пример разметки и ссылку на демонстрационную страницу.

Исходя из того, что вы уже опубликовали, похоже, что вы используете минимальную ширину, которую не поддерживает IE6 .

Если вы хотите использовать абсолютное позиционирование в IE, вам также необходимо указать как вертикальную позицию (сверху или снизу), так и горизонтальную позицию (слева или справа) в абсолютных (например, px, em) или относительных единицах ( например%). В IE6 вы также не можете указать и левое, и правое, в отличие от того, что предлагает предыдущий ответ.

Кроме этих предостережений, абсолютное позиционирование звучит так, как будто оно должно работать для того, что вы хотите во всех браузерах, которые вам нужно поддерживать. Однако без дополнительной информации я не смогу дать более конкретный совет.

0 голосов
/ 18 ноября 2009

Если вы укажете свойства right и left css, ширина абсолютно позиционированного div будет расширена до ширины смещения его контейнера значениями свойства right и left.

Можете ли вы предоставить образец HTML, а также CSS, пожалуйста.

...