Come vediamo, il template si è allargato, anche se la larghezza dei post e della colonna a destra non sono variati. Subito sotto l'outer-wrapper troviamo la seguente porzione di codice:
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Il main-wrapper rappresenta il contenitore dei post sul nostro blog, mentre il codice seguente:
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
rappresenta la colonna di destra. Il main-wrapper è largo 410px (px indica pixel, unità di misura dello schermo) mentre il sidebar-wrapper è largo 220px: 410 + 220 = 630, cioè il valore originale dell'outer-wrapper meno un margine di 30. Ca
Post
