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 © 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.
