suggerimento layout

[Sonikag]

Vorrei un layout di questo tipo:

colonna blu vuota | header centrata a 750px | colonna blu vuota
colonna verde vuota | contenuti centrati a 750px | colonna verde vuota
colonna blu vuota | footer centrato a 750px | colonna blu vuota

non ho la più pallida idea di come fare!

[Mich_]

<div class="chf">
  <div id="header"> .. </div>
</div>
<div class="cc">
  <div id="cont"> .. </div>
</div>
<div class="chf">
  <div id="footer"> .. </div>
</div>

il CSS

.chf {
  width: 100%;
  background: blue; /* o altro colore */
  text-align: center; /* serve per IE */
}
.cc {
  width: 100%;
  background: green; /* o altro colore */
  text-align: center; /* serve per IE */
}
#header {
  margin: 0 auto; /* serve per broser conformi */
  width: 750 px; /* pero` non sono molto d'accordo */
  ...
}
#cont {
  margin: 0 auto; /* serve per broser conformi */
  width: 750 px; /* pero` non sono molto d'accordo */
  ...
}
#footer {
  margin: 0 auto; /* serve per broser conformi */
  width: 750 px; /* pero` non sono molto d'accordo */
  ...
}

[Sonikag]

Grazie mitch! avevo fatto anche io una prova simile.. ma il problema che header cont e footer diventano 100%.

Come mai non sei concorde con width: 750 px; ?

[Mich_]

Originariamente inviato da Sonikag
Come mai non sei concorde con width: 750 px; ?

Perche` e` espresso in px (misura assoluta, secondo alcuni): in qualche browser puo` risultare troppo largo (obbligando allo scrolling orizzontale) e in altri puo` essere troppo stretto (ci stanno troppo pochi caratteri).

[Sonikag]

interessante... quindi tu sei più propenso ai siti in percentuale?
Un grafico che conosco (che si occupa anche di comunicazione) dice che i siti in percentuale spesso risultano dispersivi nei contenuti soprattutto queli con poco testo. Al contrario un sito inquadrato nell'800x600 risulta identico come impostazione sia ad una bassa che ad un'alta risoluzione.
Questo è il parere di un grafico ma si sa che tra grafici, impaginatori e programmatori hanno tutti idee diverse!

[pierofix]

Spero di non andare fuori tema ma vorrei portare qualche piccolo esempio di layout liquidi o tuttalpiù elastici:

- www.clearleft.com
- www.digital-web.com
- www.simplebits.com (occorre premere il pulsante in alto a destra)
- www.webaccessibile.org
- www.usabile.it
- www.e-curia.it/techne/ (uno dei miei ultimi esperimenti)

[pierofix]

Aggiungo:

- http://www.ecologiadeisitiweb.net/

[Sonikag]

Certo piero... i siti "liquidi" esistevano anche nell'era tabelle (con tutti i loro difetti ok)però quelli che hai mostrato son tutti siti ricchi di contenuti ma aimè non è sempre così, pensate alla piccola media impresa che si crea un sito per fare una sua vetrina sul mondo. Non mi riferivo nemeno a difficoltà tecniche nella creazione era proprio un fatto di impatto visivo.

[pierofix]

Bè, hai visto www.clearleft.com ?

[Sonikag]

Mi servirebbe sapere come posso fare un layout a 3 colonne di cui 2 fluide e una centrale a grandezza fissa.