hans verhaegen

Dit zou je misschien kunnen op weg helpen: http://vimeo.com/18746282
Een filmpje waar iemand uitlegt hoe hij het voor mekaar kreeg.

Met het risico dat dit allemaal een beetje te technisch is:

Je moet enkele aanpassingen in het bestand layout.css doen.

Eerst om je kolommen een beetje breder te maken:
in layout.css op regel 124 de breedte wat aanpassen:
regel 124 is ergens na deze hoofding in de css:

/* #Sub grids 1 to 24
================================================== */

dit:

.container_24 .grid_sub_6 { width:23.5% ;}

aanpassen naar:

.container_24 .grid_sub_6 {width:27%;}

En dan om de middelste echt in het midden te zetten:

in layout.css op regels 174 en verder:

dit:

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

veranderen als volgt:

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px)  {
	div.grid_sub_6.sub_center {margin: 0 8%;}
}

Die layout.css is het stijlbestand dat de layout regelt van je ‘responsive’ site.
Als je je scherm verkleint of dan weer vergroot, dan zie je dat de elementen van je site zich wat aanpassen aan de beschikbare schermbreedte.

In layout.css worden voor een aantal schermbreedtes telkens andere waarden meegegeven aan bepaalde elementen van je pagina’s.