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

StackOverflow https://stackoverflow.com/questions/1755275

Вопрос

Я пытаюсь создать календарь в дизайне таблицы HTML с элементами Div CSS Element в качестве блоков встреч в абсолютном позиционировании, которое работает нормально, но, поскольку блок абсолютный, что позволяет мне перекрывать столько строк, сколько я хочу создать Назначения, это не растягивается по горизонтали, что я хочу. Как я могу сделать абсолютный блок -блок? Или есть лучшее решение? (Ограничение: должен поддерживать 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;}
Это было полезно?

Решение

Если вы указали правые и левые свойства CSS, абсолютно позиционированная ширина DIV будет расширяться до ширины его контейнера смещением правой и левой значениями свойств.

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

Другие советы

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top