Hey elioncho,

On Aug 24, 3:52 am, elioncho <[email protected]> wrote:

> I am doing a login page were the login form is in the middle of the
> grid. So I tried something like this:
>
> <div id="login" class="prepend-8 span-8 last append-8">

[...]

> So now the form inside the div stays in the right position, but the
> border and the background color begins on column 1 on the grid until
> column 16 . I want the background color and border only contained on
> the 8 columns in the middle as I specified on the class.

Prepend-x works by adding padding to the div which is why when you add
a background and a border, they start at column 1. Try using push-x
instead of prepend-x. Push-x adds margin to the left of the div and
will therefore do what you want, with no need to nest an extra div.

Be careful, though, push-x adds a bottom-margin of 1.5em, so you might
want to cancel this out it is undesirable.

Charles
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to