Comments on: Introduzione ai CSS - Il visual formatting model http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/ Il blog di Marco Bertoni Mon, 01 Dec 2008 21:29:18 +0000 http://wordpress.org/?v=2.6.5 By: Ciel http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-192 Ciel Sun, 03 Aug 2008 14:24:35 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-192 Grazie ancora! ^.^ Grazie ancora! ^.^

]]> By: Marco Bertoni http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-193 Marco Bertoni Sun, 03 Aug 2008 11:35:00 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-193 Ciao, il layout che indichi lo visualizzo male con ie7 e ff3, fai qualche test prima di usarlo. Ma i contenitori di destra e di sinistra non sono semplici distanziatori: possono contenere testo, immagini ecc. e se superassero in altezza il contenitore centrale non ci sarebbe problema: il footer sarebbe spinto in basso. Nella pagina <a href="http://css-discuss.incutio.com/?page=ThreeColumnLayouts" rel="nofollow">ThreeColumnLayouts</a> della lista CSS Discuss (moderata dal grande <a href="http://meyerweb.com/" rel="nofollow">Eric Meyer</a>) puoi trovare un bel po' di esempi di layout a tre colonne ;). Ciao, il layout che indichi lo visualizzo male con ie7 e ff3, fai qualche test prima di usarlo. Ma i contenitori di destra e di sinistra non sono semplici distanziatori: possono contenere testo, immagini ecc. e se superassero in altezza il contenitore centrale non ci sarebbe problema: il footer sarebbe spinto in basso. Nella pagina ThreeColumnLayouts della lista CSS Discuss (moderata dal grande Eric Meyer) puoi trovare un bel po’ di esempi di layout a tre colonne ;).

]]> By: Ciel http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-198 Ciel Sat, 02 Aug 2008 15:00:54 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-198 No comment... scusa: <a href="http://css.maxdesign.com.au/floatutorial/tutorial0916.htm" title="" rel="nofollow">questo</a>! No comment… scusa: questo!

]]> By: Marco Bertoni http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-199 Marco Bertoni Sat, 02 Aug 2008 11:40:05 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-199 Il link che hai inserito non ha l'href :D Il link che hai inserito non ha l’href :D

]]> By: Ciel http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-194 Ciel Fri, 01 Aug 2008 18:23:59 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-194 Grazie mille, ci ho dato un'occhiata di "anteprima"... se ho capito bene, per esempio, potrei usare un layout <a>di questo tipo</a> dove i div di destra e sinistra servono semplicemente da "distanziatori" dal bordo della pagina per il centrale... sbaglio? Grazie mille, ci ho dato un’occhiata di “anteprima”… se ho capito bene, per esempio, potrei usare un layout di questo tipo dove i div di destra e sinistra servono semplicemente da “distanziatori” dal bordo della pagina per il centrale… sbaglio?

]]> By: Marco Bertoni http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-191 Marco Bertoni Fri, 01 Aug 2008 09:42:38 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-191 Di solito si usa il posizionamento float. Ti suggerisco questa risorsa: <a href="http://css.maxdesign.com.au/floatutorial/index.htm" rel="nofollow">Floatutorial</a> che spiega passo dopo passo tutto ciò che puoi fare con i box fluttuanti ;). Di solito si usa il posizionamento float. Ti suggerisco questa risorsa: Floatutorial che spiega passo dopo passo tutto ciò che puoi fare con i box fluttuanti ;).

]]> By: Ciel http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-195 Ciel Fri, 01 Aug 2008 09:09:46 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-195 Grazie del chiarimento. Posso chiederti un'altra cosa? Ma se questa operazione senza js non è possibile, solitamente che "tecnica" si usa per i layout grafici con "div-main" centrato/quasi centrato (comunque non attaccato al bordo della pagina), che usano un footer (per il copyright e/o magari la chiusura grafica dello sfondo che fa da contorno)? Si mettono 1 div (o 2) che fa da "colonna" la quale larghezza è la distanza da cui il div-main è separato da margine sinistro della pagina? Scusa la confusione... e grazie ^.^ Grazie del chiarimento.
Posso chiederti un’altra cosa?
Ma se questa operazione senza js non è possibile, solitamente che “tecnica” si usa per i layout grafici con “div-main” centrato/quasi centrato (comunque non attaccato al bordo della pagina), che usano un footer (per il copyright e/o magari la chiusura grafica dello sfondo che fa da contorno)?
Si mettono 1 div (o 2) che fa da “colonna” la quale larghezza è la distanza da cui il div-main è separato da margine sinistro della pagina?

Scusa la confusione… e grazie ^.^

]]> By: Marco Bertoni http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-197 Marco Bertoni Fri, 01 Aug 2008 08:34:00 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-197 Ciao Ciel, purtroppo non è possibile. Un box posizionato in modo assoluto non "spinge" sotto i box che lo seguono proprio perchè è slegato dal flusso del documento. Se proprio vuoi però ci sono delle soluzioni con Javascript: <a href="http://css-discuss.incutio.com/?page=MultiColumnLayoutWithFooterAndJavascript" rel="nofollow">Multi-Column Layout With Footer, Footer positioned using Javascript</a>. Ricorda sempre però di controllare che succede disabilitando Javascript. Ciao Ciel, purtroppo non è possibile. Un box posizionato in modo assoluto non “spinge” sotto i box che lo seguono proprio perchè è slegato dal flusso del documento. Se proprio vuoi però ci sono delle soluzioni con Javascript: Multi-Column Layout With Footer, Footer positioned using Javascript.

Ricorda sempre però di controllare che succede disabilitando Javascript.

]]> By: Ciel http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-196 Ciel Fri, 01 Aug 2008 07:51:15 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-196 Ottimo articolo! Avrei una domanda riguardo a >>Posizionamento assoluto Il box è rimosso dal flusso della pagina. Non influenza la posizione dei box adiacenti e non è influenzato da essi. La posizione è assegnata rispetto al blocco contenitore e i margini verticali non si combinano. Non ci sarebbe un modo per influenzare un altro box della pagina da questo sudetto assoluto? Se io volessi appunto posizionare absolute un box che però varia la sua altezza a seconda di quanto testo deve contenere, e volessi che <strong>sempre sotto</strong> di esso ne stesse un altro, di conseguenza, non absolute... Consigli? Ottimo articolo! Avrei una domanda riguardo a
>>Posizionamento assoluto
Il box è rimosso dal flusso della pagina. Non influenza la posizione dei box adiacenti e non è influenzato da essi. La posizione è assegnata rispetto al blocco contenitore e i margini verticali non si combinano.

Non ci sarebbe un modo per influenzare un altro box della pagina da questo sudetto assoluto?
Se io volessi appunto posizionare absolute un box che però varia la sua altezza a seconda di quanto testo deve contenere, e volessi che sempre sotto di esso ne stesse un altro, di conseguenza, non absolute…
Consigli?

]]> By: cirio http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-190 cirio Wed, 30 Jan 2008 15:19:43 +0000 http://www.semplicemente.org/2008/01/introduzione-ai-css-il-visual-formatting-model/#comment-190 molto utile, grazie;) molto utile, grazie;)

]]>