Commenti a: CSS tip #6 – Assoluto nel relativo http://www.moebiusmania.net/2009/03/31/css-tip-6-assoluto-nel-relativo/ Articoli e Tutorial sul web e dintorni - a cura di Salvatore Laisa Fri, 10 Sep 2010 09:06:15 +0000 hourly 1 http://wordpress.org/?v=3.0.1 Di: CSS Tip #11 – Le immagini di sfondo | MoebiusMania http://www.moebiusmania.net/2009/03/31/css-tip-6-assoluto-nel-relativo/comment-page-1/#comment-3883 CSS Tip #11 – Le immagini di sfondo | MoebiusMania Sun, 13 Jun 2010 20:33:30 +0000 http://www.moebiusmania.net/?p=563#comment-3883 [...] nello sfondo. Attenzione, questo posizionamento dello sfondo non va confuso con i posizionamenti Css (absolute, relative, ecc..) che sono tutt’altra [...] [...] nello sfondo. Attenzione, questo posizionamento dello sfondo non va confuso con i posizionamenti Css (absolute, relative, ecc..) che sono tutt’altra [...]

]]> Di: Tutorial - Sistemiamo il CSSTip #6 con jQuery | MoebiusMania http://www.moebiusmania.net/2009/03/31/css-tip-6-assoluto-nel-relativo/comment-page-1/#comment-50 Tutorial - Sistemiamo il CSSTip #6 con jQuery | MoebiusMania Sun, 12 Apr 2009 23:05:43 +0000 http://www.moebiusmania.net/?p=563#comment-50 [...] ha puntualizzato qualcuno (grazie Stefano!) leggendo il CSS Tip #6, può verificarsi il caso che l’elemento contenuto dall’elemento [...] [...] ha puntualizzato qualcuno (grazie Stefano!) leggendo il CSS Tip #6, può verificarsi il caso che l’elemento contenuto dall’elemento [...]

]]> Di: Salvo http://www.moebiusmania.net/2009/03/31/css-tip-6-assoluto-nel-relativo/comment-page-1/#comment-49 Salvo Sun, 12 Apr 2009 10:15:18 +0000 http://www.moebiusmania.net/?p=563#comment-49 mmmm nel caso dei div che flottano, se ho inteso bene la situazione, c'è anche un'altro trucchettino per risolvere la cosa ;) non so dove dirti di prendere uno script cosi, ma visto che non è difficile da fare e la questione da te sollevata è interessante come argomento, pazienta fino a domani che pubblico un mini tutorial dove spiego come farlo (tranquillo sono proprio due righe di codice, se vuoi prepararti inizia a guardare il mio tutorial su come iniziare con jQuery o se hai un minimo di dimistichezza con jQuery allora tantomeglio!) ciao e buona pasqua anche a te! mmmm nel caso dei div che flottano, se ho inteso bene la situazione, c’è anche un’altro trucchettino per risolvere la cosa ;)
non so dove dirti di prendere uno script cosi, ma visto che non è difficile da fare e la questione da te sollevata è interessante come argomento, pazienta fino a domani che pubblico un mini tutorial dove spiego come farlo (tranquillo sono proprio due righe di codice, se vuoi prepararti inizia a guardare il mio tutorial su come iniziare con jQuery o se hai un minimo di dimistichezza con jQuery allora tantomeglio!)
ciao e buona pasqua anche a te!

]]> Di: Stefano http://www.moebiusmania.net/2009/03/31/css-tip-6-assoluto-nel-relativo/comment-page-1/#comment-48 Stefano Sat, 11 Apr 2009 21:49:08 +0000 http://www.moebiusmania.net/?p=563#comment-48 Grazie x la gentile risposta....è un sollievo sapere di non esser tanto scemo :-), quindi anche qui si ripete il problema di un div contenitore rispetto a div interni ad esso che "flottano" tra di loro. Anche se mi sembra che in quei casi "overflow:auto" risolve la cosa...(infatti l'ho provato anche nel tuo esempio....ma niente :-(....). Sapresti indicarmi dove reperire lo script che suggerivi. (uso gli script ma non so scriverli) Grazie ancora e Auguri di buona Pasqua ;-) Grazie x la gentile risposta….è un sollievo sapere di non esser tanto scemo :-) , quindi anche qui si ripete il problema di un div contenitore rispetto a div interni ad esso che “flottano” tra di loro. Anche se mi sembra che in quei casi “overflow:auto” risolve la cosa…(infatti l’ho provato anche nel tuo esempio….ma niente :-( ….).
Sapresti indicarmi dove reperire lo script che suggerivi. (uso gli script ma non so scriverli)
Grazie ancora e Auguri di buona Pasqua ;-)

]]> Di: Salvo http://www.moebiusmania.net/2009/03/31/css-tip-6-assoluto-nel-relativo/comment-page-1/#comment-47 Salvo Sat, 11 Apr 2009 13:51:22 +0000 http://www.moebiusmania.net/?p=563#comment-47 ciao stefano, non sei assolutamente scemo! la questione funziona esattamente come dici tu, quando applichi la proprietà di posizionamente assoluto ad un'oggetto in fase di rendering del browser esso viene "rimosso" dalla struttura del codice, quindi per il div relativo che lo contiene è come se non esistesse, di conseguenza non si espande per contenerlo perche... non c'è :) non ho affrontato questa situazione nel tip perche in genere si tende a mettere oggetti piccoli dentro oggetti grandi... naturalmente nessuna casistica è assoluta e anche la tua va presa in cosiderazione, se hai l'esigenza che il div relativo si allunghi in base a quello assoluto puoi fare due cose: 1. se l'altezza del div assoluto è fissa, puoi semplicemente impostare l'altezza del div relativo per fare in modo che sia maggiore a quella del primo 2. se l'altezza del div assoluto è variabile (per via di contenuti dinamici per esempio), puoi aiutarti con un paio di righe di Javascript (magari jQuery che è un po + spiccio in questo caso ;) ) e fare uno scriptino che al caricamento della pagina "legga" l'altezza del div assoluto e reimposti l'altezza di quello relativo per contenerlo (magari la stessa con qualche pixel in +). se hai dubbi o se ho scritto in modo incomprensibile fammelo sapere senza problemi ciao ciao stefano, non sei assolutamente scemo!
la questione funziona esattamente come dici tu, quando applichi la proprietà di posizionamente assoluto ad un’oggetto in fase di rendering del browser esso viene “rimosso” dalla struttura del codice, quindi per il div relativo che lo contiene è come se non esistesse, di conseguenza non si espande per contenerlo perche… non c’è :)
non ho affrontato questa situazione nel tip perche in genere si tende a mettere oggetti piccoli dentro oggetti grandi… naturalmente nessuna casistica è assoluta e anche la tua va presa in cosiderazione, se hai l’esigenza che il div relativo si allunghi in base a quello assoluto puoi fare due cose:

1. se l’altezza del div assoluto è fissa, puoi semplicemente impostare l’altezza del div relativo per fare in modo che sia maggiore a quella del primo

2. se l’altezza del div assoluto è variabile (per via di contenuti dinamici per esempio), puoi aiutarti con un paio di righe di Javascript (magari jQuery che è un po + spiccio in questo caso ;) ) e fare uno scriptino che al caricamento della pagina “legga” l’altezza del div assoluto e reimposti l’altezza di quello relativo per contenerlo (magari la stessa con qualche pixel in +).

se hai dubbi o se ho scritto in modo incomprensibile fammelo sapere senza problemi
ciao

]]> Di: Stefano http://www.moebiusmania.net/2009/03/31/css-tip-6-assoluto-nel-relativo/comment-page-1/#comment-46 Stefano Sat, 11 Apr 2009 12:19:51 +0000 http://www.moebiusmania.net/?p=563#comment-46 Ciao, interessante il tuo esempio, ma a me qualcosa non funziona....mi sento scemo :-). Il div assoluto se ha un'altezza o un contenuto superiore a quello relativo, esce in verticale, e quindi sembra che il div relativo non si espande per contenere il "suo" div assoluto. E' giusto così o è colpa mia? Grazie Ciao Ciao, interessante il tuo esempio, ma a me qualcosa non funziona….mi sento scemo :-) .
Il div assoluto se ha un’altezza o un contenuto superiore a quello relativo, esce in verticale, e quindi sembra che il div relativo non si espande per contenere il “suo” div assoluto.
E’ giusto così o è colpa mia?
Grazie
Ciao

]]>