Well, if you're using position: relative, what happens is the content is
shifted by the indicated amount, but the space reserved for it is left
unchanged. The content has been "painted" 20px above its position in the
flow, but the rest of the document acts as if nothing had happened.
Try using negative margins: they offset an element, but also reduce its
width/height.
For example:
<div style="position: relative; top: -20px">
This text will take up space in the normal flow as if it weren't
positioned.
The content however, will be pushed 20px higher.
</div>
<div style="margin-top: -20px">
This text will take up 20px less space than necessary.
Its content will sit 20px higher than normally.
</div>
This is very hard to explain with words, so I encourage you to play with
position: relative and margins in firebug, the instant feedback is very
helpful.
Hope that helped you.
On Wed, Aug 12, 2009 at 2:26 PM, DuncSTL <[email protected]> wrote:
> I am using position:relative
>
> here is a sample:
>
> </div>
> <div class="span-6 prepend-2"<div style="position: relative; top:
> +20px;">
> <li><div align="justify">text</div></li>
> <li><div align="justify">text</div></li>
> <li><div align="justify">text</div></li>
> <li><div align="justify">text</li>
> </div>
>
--
Goulven Champenois
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
