box div assoluti

**techno** · 16-07-2011, 10:43

salve ho questo style:

Codice PHP:


div#content { position:relative; width:1200px; margin:0 auto; }

div#star { position:absolute; }

...

<html>

<body>

<div id="content">

<?php

connessione al database

while($Rec=...){

echo "<div id=\"star\" style=\"left:$Rec[LEFT]; top:$Rec[TOP]\">";

} php?>

</div>

Il posizionamento dei vari div "star", che sono molti sono presi dal database con dati casuali in campi "LEFT" e "TOP".

ora come faccio a far si che il div content abbia l'altezza fino dove è posizionato in altezza l'ultimo div "star"???

Spero di essere stato chiaro.

**lucavizzi** · 16-07-2011, 15:45

div#content { position:relative; width:1200px; margin:0 auto; height:auto; overflow:auto; }

**techno** · 20-07-2011, 10:15

perchè overflow:auto?

**techno** · 20-07-2011, 18:23

be questo mi sa strano:

Codice PHP:


<style>

div#footer { position:relative; padding:5px; height:auto; }

div.logoevolution { position:absolute; bottom:5px; left:10px; }

div.copyright { position:absolute; bottom:5px; right:10px; }

</style>

...

<body>

<div id="footer">

<div class="logoevolution"></div>

<div class="copyright"></div>

</div>

non capisco il perche i div dentro a footer vanno sopra al div appunto footer.
mi spiego meglio con un immagine:

il riquadro rosso la barra scura è il div footer che dovrebbe inglobare i 2 div ma non lo fa.

**ResianTaxidrive** · 20-07-2011, 18:39

non si vede l'immagine.
Ma quest'ultimo problema del footer centra con quello esposto sopra?

Comunque se hai molti "star" non puoi assegnargli un identificatore ma una class="star".

**techno** · 20-07-2011, 18:45

be per il div star o risolto ora vorrei avere un consiglio per il problema del footer.

**techno** · 20-07-2011, 18:49

in poche parole come mai il div padre non prende al suo interno i 2 div

<div id="footer">
<div class="logoevolution"></div>
<div class="copyright"></div>
</div>

**ResianTaxidrive** · 20-07-2011, 19:08

perchè essendo questi figli assoluti, la loro dimensione non viene vista dal padre.
Ma perchè li devi mettere per forza assoluti sti figli?

**techno** · 21-07-2011, 13:13

perche devono trovarsi in fondo al padre.

**ResianTaxidrive** · 21-07-2011, 13:47

ma c'è altro nel footer? qualcosa in quello che dici mi fa capire che il footer ha una certa altezza. Secondo me ti basta mettere un margin-top ai tuoi due div interni. Oppure un padding-top al footer. Adesso non so cosa suggerirti esattamente perchè non so cosa vuoi fare ma secondo me stai affrontando la cosa in un modo sbagliato.

Discussione: box div assoluti

Strumenti discussione

Ricerca discussione

Visualizza

box div assoluti

Permessi di invio