Problema in CSS, con DIV che si adatta al contenuto

[bob18]

salve,

avrei bisogno di creare un DIV che si adatti, in altezza, al suo contenuto. Quindi che la stessa altezza sia variabile in funzione del testo e delle immagini che via via riempiranno il DIV.

Ora, il problema sta nel fatto che in basso a questo DIV, ne avrei bisogno di un altro (chiamiamolo DIVBRD) per chiudere il DIV con degli arrotondamenti che posso fare solo tramite immagine.

Capite bene quindi che sia l'altezza di DIV, che la posizione di DIVBRD, siano variabili in funzione al testo contenuto in DIV.

Come posso fare per creare una situazione simile?

Posto una immagine per farmi capire meglio.

Grazie

[bob18]

chiedo umilmente scusa ai moderatori, questa discussione era da forum "Css e XHTML", ho sbagliato a postare e chiedo cortesemente, se è possibile, di spostare il mio thread.

grazie

[haZe]

Scusami, qual'è il problema nel non dichiarare la dimensione del primo div? Il secondo scorrerà sotto il primo, cosa gliene frega di dove finisce? O ho capito male?

[bob18]

credo che tu abbia capito bene.
ma non è così semplice come lo descrivi.

posto i codici che sto usando e spiego cosa succede:

#DIV    {
	position: relative;
	width: 680;	
	left: 0;
	top: 150;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
	font-family: tahoma, verdana;
	color: #000000;
	font-size: 10px;
}
#DIVBRD {
	position: relative;
	width: 680;	
	left: 0;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	background-color: #CC0000;
	font-family: tahoma, verdana;
	color: #000000;
	font-size: 10px;
}

effettivamente, non impostando l'altezza al DIV, questa si adatta al suo contenuto, ma il DIVBRD si sovrappone al DIV stesso, non lo 'segue'.

[haZe]

position: relative; a cosa ti serve?

width: 680; mi sa che cosi non serve a molto , ci va un px

font-family: tahoma, verdana; OT: mettici una famiglia generica in fondo

Se togli i position penso si risolva tutto

[bob18]

Se togli i position penso si risolva tutto

ho tolto i position ma ora DIV me lo mostra in alto alla pagina. cosa sbagliatissima perchè in alto ci sono altri div. ergo togliendo i div il mio layer si va a posizionare sotto i div "superiori"

width: 680; mi sa che cosi non serve a molto , ci va un px

scusa ma non ho capito

font-family: tahoma, verdana; OT: mettici una famiglia generica in fondo

in che senso generica?


grazie!

[haZe]

ho tolto i position ma ora DIV me lo mostra in alto alla pagina. cosa sbagliatissima perchè in alto ci sono altri div. ergo togliendo i div il mio layer si va a posizionare sotto i div "superiori"

Allora ci devi dire come è fatta la pagina.

scusa ma non ho capito

width: 680px;

in che senso generica?

font-family: Tahoma, Verdana, sans-serif;

[bob18]

Originariamente inviato da haZe
Allora ci devi dire come è fatta la pagina.

ti mando un pvt col link alla pagina

width: 680px;

scusa non ci avevo fatto caso