25 replies to this topic

[FabioW]

This is what I have done:

In stylesheet.css I have add:

.banner_position {
  text-align: center;
  padding-bottom: 20px;
  background: #d5fe74;
  width: 960px !important;
}

in footer.php I have changed:

<div class="grid_24 alpha omega footer footer_background">
  <p align="center"><?php echo FOOTER_TEXT_BODY; ?></p>
</div>

<?php
  if ($banner = tep_banner_exists('dynamic', '468x50')) {
?>

<div class="grid_24" style="text-align: center; padding-bottom: 20px;">
  <?php echo tep_display_banner('static', $banner); ?>
</div>

<?php
  }
?>

to:

<div class="grid_24 alpha omega footer footer_background">
  <p align="center"><?php echo FOOTER_TEXT_BODY; ?></p>
</div>

<?php
  if ($banner = tep_banner_exists('dynamic', '468x50')) {
?>

<div class="grid_24 alpha omega banner_position">
  <?php echo tep_display_banner('static', $banner); ?>
</div>

<?php
  }
?>

And now I have green background and no margins. However I have no idea what are this "alpha omega"...

Many Thanks

[npn2531]

alpha and omega are classes use to balance out the margin spacing between columns. Use only one at a time. Use the alpha class for columns on the left, omega for columns on the right, and omit them for inside columns. Without alpha and omega you'll end up only being able to fit 23 columns in a 24 column layout (or 11 in a 12 column layout). With alpha and omega columns fit to the last pixel perfectly spaced horizontally.


Take out the omega class in your code above and you'll see the column scoot to the left exactly 5 (10?) pixels.

Edited by npn2531, 12 May 2011 - 05:50 PM.

[multimixer]

You can also read here about alpha and omega classes

[npn2531]

Actually since you have one column all the way across it will still fit without the alpha and omega, as if it were an inside column, but using the alpha or omega will shift the column left or right. Useful to line up the footer directly under the header and content container.

PS - link above is great,  and graphically demonstrates this.

Edited by npn2531, 12 May 2011 - 06:01 PM.

[FabioW]

Is there some easy way to remove all the margins (headrer, body wrapper, footer and banner space) at the same time?

[cm27]

I think if you guys here dumped the 960 grid you would feel the full power of the css files. I find it way harder to use this grid lay out then a normal set of divs and css . Call me old but here what I did for a friends buddy a few months back http://i54.tinypic.com/1zdb3o6.png  .. I only used 2 css files one for my html layout there othere for the site. here we use many of them. I have a theme going now and I will post it once I am done. If you guys need help