framework css

[nextpic]

Ciao a tutti, devo realizzare un template per un sito. Sapreste indicarmi un framework css per larghezze superiori a 960px? Quale Framework css mi consigliereste?
Grazie a tutti.

[max1974]

prova a vedere questo
qui

[lnessuno]

Io ho iniziato da poco ad usare twitter bootstrap, che con il layout responsive diventa fluido ed adattabile a qualunque dimensione (io ho impostato una dimensione massima di 1250px per intenderci):
http://twitter.github.com/bootstrap/scaffolding.html

In alternativa c'è groundworkCSS che dovrebbe supportarlo in modo simile:
http://groundwork.sidereel.com/?url=grid

[nextpic]

Perfetto, mi serviva proprio quello responsive. una guida su come usarlo?

[nextpic]

Sto provando ora creare il mio layout con bootstrap. Di base la dimanesiome minima è di 1200px, con un conainer di 1170px. Mi servirebbe un container di 1110px, che modifiche devo fare nel file boostrap.css.
Grazie mille

[zebu]

sono venuto a conoscenza di bootstrap da poco! non l'ho ancora provato ma mi sembra molto ben fatto e documentato.

qui ho trovato alcuni parametri che potrebbero tornarti utili

http://twitter.github.com/bootstrap/...tml#responsive

per esempio

@media (min-width: 1200px) { ... }

[nextpic]

Ciao Zebu, grazie per la risposta inatanto. Si lo sto usando da poco pure io e vorrei realizzarci il mio primo progetto responsive. Si ho notato il codice tu mi hai riportato ma non ho capito poi come dover fare i calcoli di vari span... Poi mi servirebbero non 12 colonne ma 24 in modo da arrivare il più viciono possibile al layout che mi hanno dato, fatto con photoshop.

[zebu]

domani lo scarico e provo anch'io
nel frattempo fai un tentativo con la pagina Customize, sotto la voce Grid System mi pare ti dia la possibilità di impostare il numero di colonne!

http://twitter.github.com/bootstrap/customize.html

[nextpic]

Sì ho visto ed effettivamente ho provato e ti fa impostare quante colonne vuoi e la loro larghezza. Ovviamente però il tutto è relativo hai 1200px. Io invece vorrei ottenere che il container, ossia quello che determina la larghezza della pagina sia di 1110px. In più per rimanere il più possibile fedele alla grafica che mi hanno dato, dovrei creare un gran numero di colonne, con larghezza piccola in modo da poter giostrare meglio la grafica. Che ne dici, potrebbe essere un'idea?

[zebu]

Non saprei.. dipende dal risultato che devi ottenere.
Dunque, questa è la struttura della mia pagina html:

<div class="container">
<div class="row">
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
<div class="span1">...</div>
</div>
</div>

Nel file bootstrap.css ho modificato larghezza della classe container a 1110px e quella della classe span1 a 26px. In questo modo ho 24 colonne, ma molto strette!