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).