posizionamento div

**kosta** · 12-02-2004, 12:10

ciao a tutti
mi chiedevo se fosse possibile posizionare un div sopra una tabella, in modo tale che il livello resti fisso nella distanza dal margine superiore, ma si sposti lateralmente proporzionalemente
posto il codice:
---------------
<HTML>
<BODY leftmargin="0" topmargin="0">
<TABLE width=100% height="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999">
<TR>
<TD valign="top" height="100%" background="sinistro.jpg" style="background-position:top,right; background-repeat:repeat;"></TD>
<TD valign="top" width="646" background="centro.jpg" style="background-repeat:no-repeat;"></TD>
<TD valign="top" background="destro.jpg" style="background-position:top,left; background-repeat:repeat;"></TD>
</TR>
</TABLE>
<DIV id="filmato" style="position:absolute; width:646px; height:198px; background-color:#999999; left:%; top: 148px; margin:1px;"></DIV>
</BODY>
</HTML>
------------------------
il div dovrebbe spostarsi per restare nella posizione relativa alla tabella.
mi sembra sia impossibile...?
ciao
c

**pacovox** · 12-02-2004, 12:26

<DIV id="filmato" style="position:absolute; width:646px; height:198px; background-color:#999999; left:50%; top: 148px; margin:1px 0 0 -323px;"> </DIV>

Se il div non ti serve centrato dovresti giocare con il "left: xx%;" e il "margin: 1px 0 0 -xx;"

**Jerry Masslo** · 12-02-2004, 12:28

guarda con le <table> non ci vado a nozze ma con i div dovresti fare così

.Relativo{position:relative}
.Assoluto{position:absolute}

se Assoluto è annidato in Relativo allora lo segue, se metti però top o left o simili se ne va per conto suo e in modo diverso da browser a broswer.

**kosta** · 12-02-2004, 12:31

purtoppo non mi funziona cosi', avevo gia' visto.
il div deve seguire in pratica un punto dello sfondo (che vogliono contenuto nel td centrale.
non so come agganciare il div a tale punto...
grazie 1000

**kosta** · 12-02-2004, 12:38

ho risolto, scusate. era giusto il consiglio di pacovox, solo che il browser no aggiornava.
riconoscenza eterna
grazie2000
c

**antos** · 12-02-2004, 12:39

prova così:

codice:

...
<td>
<div id="rel" style="position:relative;width:100%;height:100%;">
<div id="abs" style="position:absolute;le coordinate top letf,etc te le calcoli a partire dal div rel;">...</div>
</div>
</td>

Discussione: posizionamento div

Strumenti discussione

Ricerca discussione

Visualizza

posizionamento div

Permessi di invio