Come creare un elemento assoluto che si sovrappone a più righe in un calendario (tabella)?

Question

Sto cercando di creare un calendario in un design della tabella HTML con elementi di div Element CSS come blocchi di appuntamenti nel posizionamento assoluto che funziona bene, ma poiché il blocco è assoluto, il che mi rende in grado di sovrapporre tutte le righe che voglio creare appuntamenti, non si estende in orizzontale, ed è quello che voglio. Come posso allungare il blocco di div assoluto? O esiste una soluzione migliore? (Vincolo: deve supportare IE6+). Il problema è evidenziato di seguito.

Di seguito è riportato un esempio di snippet del codice:

<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;}

Answer 1

Se si specificano le proprietà CSS destra e sinistra, la larghezza di Div assolutamente posizionata si espanderà alla larghezza del suo contenitore offset dai valori della proprietà destra e sinistra.

Puoi fornire un campione di HTML e CSS per favore.

Answer 2

Sarebbe utile se avessi pubblicato ulteriori informazioni sul tuo problema, incluso un markup di esempio e un link a una pagina demo.

Sulla base di ciò che hai pubblicato finora, sembra che tu stia usando la larghezza minima che non è supportato da ie6.

Se si desidera utilizzare il posizionamento assoluto in IE, dovrai anche specificare una posizione verticale (in alto o in basso) sia una posizione orizzontale (a sinistra o a destra) in unità assolute (ad esempio px, em) o in unità relative (EG %) . Non puoi nemmeno specificare sia a sinistra che a destra in IE6, contrariamente a quanto suggerisce la risposta precedente.

Oltre a quelle avvertimenti, il posizionamento assoluto sembra che dovrebbe funzionare per ciò che desideri in tutti i browser che devi supportare. Tuttavia, senza ulteriori informazioni non posso fornire alcun consiglio più specifico.