Background-color e position:absolute

[garulf]

Salve raga.Mio primo post .complimenti per il forum!!!!.

Sono un nebbiotto, scusate se faccio domande un pò scontate. Non riesco a capire perchè se applico la regola background-color:#XXX ad un div, questa non funziona se è dichiarata anche position:absolute.

Un altra domandina, perchè per utilizzare le posizioni assolute il box contenitore dev'essere dichiarato come position:relative.

Grazie ancora.

[fcaldera]

Originariamente inviato da garulf
Sono un nebbiotto, scusate se faccio domande un pò scontate. Non riesco a capire perchè se applico la regola background-color:#XXX ad un div, questa non funziona se è dichiarata anche position:absolute.

Puoi dare qualsiasi colore ad un elemento blocco posizionato in modo assoluto... posta un esempio minimale di codice che presenta questo problema.

Un altra domandina, perchè per utilizzare le posizioni assolute il box contenitore dev'essere dichiarato come position:relative.

Veramente nessuno ti obbliga a farlo
Tu puoi usare blocchi absolute senza specificare alcun posizionamento per l'elemento contenitore (e i blocchi si dispongono in relazione al 'viewport'): se però al contenitore dichiari position: relative (come dici tu) allora i blocchi posizionati in modo assoluto assumono posizionamenti relativi al loro contenitore

[garulf]

grazie ora mi è più chiaro.

Per quanto riguarda il colore:
html:

 <div id="container">
	
		<div id="navigation">
		[img]arrotondato.jpg[/img]	
    </div>
</div>

e i css:

div#container {
	position: relative;
}


div#navigation {
	position:absolute;
	background-color: #5bcd29;
	left: 180px;		
	height:24px;
	
}

così il background color è come se fosse settato su trasparente, mentre invece con position:relative sotto div#navigation va tutto bene.

EDITenso sia semplicemente dovuto al fatto che in position:relative il div si estende in automatico fino alla fine della pagina(perhcè poi?). Con absolute invece la lunghezza viene a coincidere con l'immagine dell'angolino arrotondato, a meno che non si setti. Non volendo settarla in px l'unica soluzione resta settarla in percentuali?