カレンダー（テーブル）デザインでいくつかの行を重複させる絶対要素を作成する方法は？

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

質問

CSS要素DIV要素を備えたHTMLテーブルデザインでカレンダーを作成しようとしています。絶対的な位置付けの予約ブロックとして正常に動作していますが、ブロックは絶対的であるため、作成したいだけ多くの行を重ねることができます。予定、それは私が望むものである水平に伸びることはありません。 Absolute 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;}
役に立ちましたか？

解決

右と左のCSSプロパティを指定すると、絶対に配置されたDivの幅が右と左のプロパティ値によってオフセットされたコンテナの幅に拡張されます。

HTMLとCSSのサンプルを提供していただけますか。

他のヒント

サンプルマークアップやデモページへのリンクなど、問題に関する詳細情報を投稿した場合に役立ちます。

あなたがこれまでに投稿したものに基づいて、それはあなたが最小幅を使用しているように見えます IE6によってサポートされていません.

IEで絶対的なポジショニングを使用する場合は、絶対（PX、EMなど）または相対単位（％）で垂直位置（上または下部）と水平位置（左または右）の両方を指定する必要があります。 。以前の応答が示唆していることとは反対に、IE6で左右の両方を指定することはできません。

これらの警告以外に、絶対的な位置決めは、サポートする必要があるすべてのブラウザで必要なものに機能するはずのように聞こえます。ただし、これ以上の情報がなければ、これ以上具体的なアドバイスを提供することはできません。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top