Ciao, avrei bisogno di costruire una pagina al cui interno ci sono N blocchi che si autodimensionano rispetto alla dimensione del monitor.
Avete qualche idea su come procedere ? si riesce a fare con del puro CSS o mi devo calcolare con javascript la dimensione dei singoli blocchi (div) ?
Grazie
Nessuno ?
non serve JS.
puoi agire: o dando dimensioni in percentuale, o attuare un design responsivo.
dipende dalle tue esigenze
Grazie per la risposta.Originariamente inviata da Vincent.Zeno
Mmm con le dimensioni percentuali la vedo un po dura; per intenderci se ho 10 o 20 box devo riuscire a riempire lo spazio in orizzontale e verticale in base alle dimensioni dello schermo.
Per design responsivo cosa intendi ?
non capisco le difficoltà perché non conosco il contesto.
per design responsivo intendo questo:
http://www.html.it/guide/responsive-...sign-la-guida/
Comunque quello che voglio ottenere è questo, a sx caso in cui ho 4 box, a dx caso in cui ne ho 8
layout.jpg
Devo riempire lo spazio con i box che devo mostrare, autodimensionandoli
Se quel che vuoi deve funzionare come una scacchiera, ovvero il numero di divisioni orizzontali e verticali è prefissato, allora dovrai:
1) dare margin:0 e padding:0 e height:100%; al body della pagina
2) avere tante div quanti sono i riquadri che vuoi, a ciascuna delle quali assegnerai float=left e width e height in percentuale pari a 100/numero di elementi in larchezza ed altezza.
Se invece quello che vuoi è un numero variabile di colonne, che però riempano tutta la pagina sia in verticale che in orizzontale, è impossibile da fare con il solo ausilio di css e html, hai bisogno di usare javascript.
"Le uniche cose che sbagli sono quelle che non provi a fare."
Atipica
Permessi di invio
Rispondi quotando