1

CSS要素のdiv要素を絶対配置の予定ブロックとしてHTMLテーブルデザインでカレンダーを作成しようとしていますが、ブロックは絶対的であるため、作成したい行をいくつでも重ねることができます予定、それは私が欲しいものである水平方向に伸びません。絶対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;}
4

2 に答える 2

0

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

html と css のサンプルを教えてください。

于 2009-11-18T11:14:44.760 に答える
0

サンプル マークアップやデモ ページへのリンクなど、問題に関する詳細情報を投稿していただけると助かります。

これまでに投稿した内容に基づいて、IE6 でサポートされていないmin-width を使用しているようです。

IE で絶対配置を使用する場合は、垂直位置 (上または下) と水平位置 (左または右) の両方を絶対 (px、em) または相対単位 (%) で指定する必要があります。 . 以前の回答が示唆していることとは反対に、IE6 では left と right の両方を指定することもできません。

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

于 2009-11-18T11:19:11.753 に答える