3 div che fanno i capricci

[neohack]

Salve a tutti

Sto rovinosamente perdendo la pazienza con 3 div che mi stanno facendo dannare...

Un div che fa da contenitore ha al suo interno 2 div che rispettivamente servono per:
il primo che non fa altro che creare un'effetto ombra sul div principale e l'altro che contiene il testo vero e proprio...

Il div contenitore non deve avere dimensione oltre a wight e deve estendersi in altezza fino alla fine del div del testo... Di conseguenza il div ombra deve arrivare alla fine del div contenitore ripetendo l'immagine che ha in background...

Il problema sta che il div ombra è visibile (o comunque ha un valore di height > 0) solo se definisco l'height al div contenitore (quindi forzando una dimensione), mentre dovrebbe comunque avere height > 0 in relazione alla dimensione che il div del testo fa assumere al div contenitore...

Al div ombra ho provato a definire l'height con auto e 100% ma appunto funzionano solo se il div contenitore ha height specificata e non in conseguenza al div testo...

Come posso risolvere?? Sempre che abbiate capito il mio giro di parole...

[Myaku]

Originariamente inviato da neohack
Sempre che abbiate capito il mio giro di parole...

veramente no ... si può avere un po' di codice?

[neohack]

Html:
<div id="middle">
	<div id="middle_side_left"></div>
	<div id="middle_page">
		a
a
	</div>
</div>

Css:
div#middle {
	background: url(../gfx/background_middle.png);
	/*height: 500px;*/
}
div#middle_side_left {
	position: relative;
	top: 0px;
	left: 0px;
	background: url(../gfx/middle_side_left.png) repeat-y;
	width: 14px;
	height: 100%;
	display: inline;
	float: left;
}

Ecchilo :master:

[neohack]

Nessuna soluzione?

[Myaku]

ci sono un paio di dettagli che non mi quadrano, ovvero:

. hai messo un posizionamento relativo e poi ci hai infilato un float
. hai usato il float, ma il clear? (e il middle_page, come lo stai gestendo?)

[neohack]

Effettivamente non ci avevo fatto caso e soprattutto non mi spiegavo perchè con il solo posizionamento relativo non andassero a destra o sinistra e quindi gli ho aggiunto i float... Semplicemente inesperienza... :rollo:

Per il fatto del clean e del float potresti spiegarti meglio?

Per quanto riguarda il #middle_page, c'è definito solo i bordi del div e la larghezza... Nulla che potrebbe dargli fastidio... O magari non c'è nulla che potrebbe aiutarlo a farlo funzionare... Ma questo me lo devi dire tu... :master:

Grazie comunque per l'aiuto

[Myaku]

Originariamente inviato da neohack
Per il fatto del clean e del float potresti spiegarti meglio?

clear

fabclearing

[neohack]

Non migliora la situazione con quel fix... Il problema sta nel fatto che il div che dovrebbe allungarsi fino alla dimensione del div contenitore non lo fa pur avendo height: 100%...

Le sto provando tutte, non so più che fare...

[Myaku]

Originariamente inviato da neohack
Non migliora la situazione con quel fix... Il problema sta nel fatto che il div che dovrebbe allungarsi fino alla dimensione del div contenitore non lo fa pur avendo height: 100%...

Le sto provando tutte, non so più che fare...

posta un link che così vediamo il codice completo

[neohack]

http://neoscript.altervista.org/host/marzano/

Ecco, speriamo bene

Grazie