That did it, thanks Sunny!  I'm not sure I understand when to use
column and when it is not required.

On Dec 31, 10:23 am, Sunny Beach <[email protected]> wrote:
> The main problem I noticed was the missing "last" class in the last column.
>
> The padding on #wrap may be causing problems but I am not sure.
>
> I cleaned up the code a little below -- column is not needed, there
> were extra "last" statements outside the class/id declarations. Give
> it a try.
>
> Sunny
>
> ==
>
> </head>
> <body>
> <div id="wrap" class="container" >
>        <div class="span-24">
>                <div class="span-22 prepend-1 append-1">
>                <img src="images/life-live-grow-banner.jpg" alt="Life, live and
> grow" />
>                </div>
>        </div>
>                <div class="span-8" id="content-left">
>                        <p>Content Left</p><p>Lorem ipsum dolor sit
> amet, consectetuer
> adipisciing elit.  Pellentesque quis nisl eget est viverra
> placerat.  ...</p>
>                </div>
>                <div class="span-8" id="content-center">
>                        <p>Content Center</p><p>Nulla facilisi.  Cras
> ac tellus fringilla
> tortor iaculis</p>
>                </div>
>                <div class="span-8 last" id="sidebar">
>                        <p>Content Sidebar</p>
>                        <ul>
>                                <li>Fusce diam.  Pellentesque bibendum.
>  Nulla viverra vestibulum
> justo.
>                                        Pellentesque pulvinar sapien.</li>
>                                <li>Cras vestibulum elit id nibh
> hendrerit eleifend.  Pellentesque
> id ante.
>                                        Sed volutpat blandit mi.</li>
>                                <li>Morbi at tellus facilisis augue
> tempor pharetra.  Vestibulum
> porta
>                                        condimentum dui.</li>
>                                <li>Class aptent taciti sociosqu ad
> litora torquent per conubia
> nostra, per
>                                        inceptos himenaeos.</li>
>                        </ul>
>                </div>
>        <div class="span-22 prepend-1 append-1" id="footer">
>                <p>Copyright &copy; Mark in Japan, all rights reserved.</p>
>        </div>
>
> </div>
> </body>
> </html>

--

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