1) Contenuto Ammazza quanto sono tosto: avevo giÓ visto questo esempio, ma ora che ci Ŕ stato proposto come la possibile soluzione, l'ho riguardato bene e ci ho messo un pochino per capire bene specie quei valori negativi alla proprietà margin-left.

Ora però non ci sono più segreti e ripeterei la lezione per vedere se ho veramente capito:

  • la col 'navigation' flottando a sinistra si appoggerebbe a questa del contenuto, la quale ha una larghezza di 100%, ed andrebbe tutta fuori a destra della pagina se non ci fosse la dichiarativa
    margin-left: -100%; che la posiziona dove vogliamo noi.
  • anche la col 'extra' si allineerebbe subito a destra della col contenuto ed andrebbe anch'essa fuori; invece spostandola a sinistra con
    margin-left: -200px;; -200px perchŔ essa Ŕ larga 200px quindi si riporta tutta dentro la finestra, se mettessimo -300px essa si sovrapporrebbe in parte al contenuto, ma se mettiamo invece -100px non si allinea affatto ma va sotto a tutti e a sinistra (mi aspettavo di vederne solo la metÓ!!!)

Per dimostrare che ho digerito questa lezione ho fatto questa piccola variante, visto che nell'html era giÓ inserito un tag container di tutta la pagina:
div#container{float:left;width:80%; margin: 0 10%;} per centrare e ridimensionare la pagina del 20% (10 a destra e 10 a sinistra).

3) Sezione extra very text make long column make filler fill make column column silly filler text silly column fill silly fill column text filler make text silly filler make filler very silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very