CSS, DIV, problema.

[imart]

Ciao ragazzi siccome sono abbastanza negato con i CSS e ci litigo sempre.... ho bisogno un aiuto....

Questo e un blocco che ho sul sito.

Vorrei creare 2 div che separano il rosa dal verde, attualmente e' tutto insieme e appare sbagliato... nel senso che il sommario generale dovrebbe comparire sotto l'immagine...ma questo succede soltanto quando compilo tutti i dati del database e compaiono alla destra dell'immagine...

invece io vorrei che anche se compilo soltanto 2 voci, il sommario generale viene visualizzato SEMPRE sotto il blocco verde...

qualcuno puo' farmi un esempio concreto con CSS?

Graaaazie!

[Mac-Dragon]

Crei due div, con posizione assoluta, a quello superiore fissi l'altezza e la larghezza, quello inferiore solo la larghezza e vai a mettere il contenuto del sommario solo nel div inferiore, tutte le info in quello superiore...

[imart]

niente....non riesco.....

#mezzo { float: left; margin: 0 25px 25px 0; width: 500px; height: 500px; }

#mezzo_dsc { position: absolute; margin: 0 25px 25px 0; width: 500px; }

mezzo e' il blocco verde, mezzo_dsc e' il blocco rosa... il blocco rosa si sovrappone alla colonna di sinistra...

[Mac-Dragon]

ho fatto una prova veloce... spero di non aver fatto casini nel codice perchè ci son stato due minuti di numero

CSS:

.main{
position:relative;
width:500px;
height:auto;
}
.description{
background:rgb(200,255,200);
position:absolute;
width:100%;
height:350px;
}
.content{
background:rgb(255,180,180);
position:absolute;
top:350px;
width:100%;
height:auto;
	}
.testo{
	font-family:"Arial";
	font-size:14px;
	padding:0px 20px 10px 20px;
	}

Struttura HTML:

<div class="main">
<div class="description"></div>

<div class="content">
	<div class="testo">
		<h4>Titolo</h4>
		Testo
	</div>
</div>
</div>

Risultato:

Il secondo div si adatta alla quantità di testo in lunghezza, se vuoi lasciarlo fisso lascia un valore fisso nell'height della classe .content

Il file che ho fatto di prova: Download

[imart]

grazie mille.... vedro' se riesco ad integrarlo nel mio css.... se ho bisogno so su chi contare

[Mac-Dragon]

stassera no che devo finire un lavoro ma se ti servirà aiuto contattami su ichat, l'indirizzo lo trovi sulla sinistra sotto il mio avatar

<=== Il primo da sinistra