CSS: Problema con il Box Model

[Stepunk]

Ciao....ho fatto una ricerca sul forum ma non sono riuscito a trovare nulla che riguardasse il mio problema (forse non mettevi i termini giusti )

Cmq....io ho una pagina php il cui contenuto (che è variabile dato che è php) è dentro a un box in alto, quindi voglio creare un altro box che stia sempre 10px sotto a quello in alto (di dimensione variabile a seconda del contenuto)...come faccio?

:metallica

[Dr Mal]

Originariamente inviato da Stepunk
Ciao....ho fatto una ricerca sul forum ma non sono riuscito a trovare nulla che riguardasse il mio problema (forse non mettevi i termini giusti )

Cmq....io ho una pagina php il cui contenuto (che è variabile dato che è php) è dentro a un box in alto, quindi voglio creare un altro box che stia sempre 10px sotto a quello in alto (di dimensione variabile a seconda del contenuto)...come faccio?

:metallica

Ciao stepunk, ti rimando alla ns discussione su css dove c'è un buon articolo su box model e css:

http://www.constile.org/tutorial/IE5_box_model/

[Stepunk]

si...la avevo già letta ma non spiega come risolvere il mio problema (o se lo spiega non lo ho capito )

In pratica io volgio che il box sotto sia sempre a 10px da quello sopra che però ha dimensioni variabili

[Stepunk]

up!

[Stepunk]

riup! Ultima volta

[mUrf]

Ciao prova a usare la proprietà POSITION:RELATIVE; e poi a settare il TOP=10px dovresti cavartela, praticamente tu dici al box che vuoi che stia sempre a quella distanza di posizionarsi in maniera relativa(RELATIVE) al box padre dopodichè dato che eredita tutto il posizionamento dal padre basta che aumenti la proprietà TOP del figlio di 10px e tutto funziona ... almeno spero


byez
mUrf .Net

[Stepunk]

uh...è vero...che stupido..


grazie

[Stepunk]

no..scusa....mi sono sbagliato..


non funziona.

ad esempio in questa pagina

<?

include("html_testa.php");

?>


<DIV ID="web" STYLE="
			position : absolute;
                        left : 2%; 
			top : 200px;
			width : 96%;">
				<? 
				$cat=1;
				include("news/news.php"); 
				?>
</div>


<DIV ID="nascosto" STYLE="
			position : relative;
			left : 2%; 
			top : 10px;
			width : 96%;
			height : 50px;"> 
  <?
				include("html_coda.php");
				?>
</div>

me lo mette a 10px dal bordo più alto del box padre (quindi in mezzo al box padre), non dal bordo inferiore. Se invece il top lo metto in percentuale il box sparice!!!

[Stepunk]

non esiste un altro metodo?

[Stepunk]

uppettino