Hello everyone, after a good bit of browsing around in an attempt to understand how to apply push/pull as supporter by the 960 css FW I've utterly failed.
I'm simply doing the layout right now to see where to place elements and so forth, and as far as I understand the following code would push the logo box 3 columns up (3*60=180px +60 px for gutters):
Whilst this here, would pull one of my textboxes back 6 columns (6*60=360px + 120px for gutters so, 360+120=480 = middle of a 960 wide grid));
Yet while using dreamweaved and previewing the page in firefox, for some reason, even after saving the index page, i still get the logo box on the top left corner, so anyone able to tell me why it wont adhere to the pushes and pulls?
Oh btw, these DIV's are place inside of the <body> tags.
And here's the full code of body so far:
I'm simply doing the layout right now to see where to place elements and so forth, and as far as I understand the following code would push the logo box 3 columns up (3*60=180px +60 px for gutters):
HTML:
<div class="grid_6 push_3">
<p>logo</p>
</div>Whilst this here, would pull one of my textboxes back 6 columns (6*60=360px + 120px for gutters so, 360+120=480 = middle of a 960 wide grid));
HTML:
<div class="grid_3 pull_6">
<p>text column</p>
</div>Yet while using dreamweaved and previewing the page in firefox, for some reason, even after saving the index page, i still get the logo box on the top left corner, so anyone able to tell me why it wont adhere to the pushes and pulls?
Oh btw, these DIV's are place inside of the <body> tags.
And here's the full code of body so far:
HTML:
<body>
<div class="grid_6 push_3">
<p>logo</p>
</div>
<div class="grid_3 pull_6">
<p>text column</p>
</div>
<div class="grid_3">
<p>text column</p>
</div>
<div class="grid_12">
<p>big box</p>
</div>
</body>
Last edited:
