I'm new to using a grid system, I just had (of what I hope is) a
simple question. I created a page template, with the following code:
<html>
<head>
<link rel="stylesheet" href="blueprint/screen.css" type="text/css"
media="screen, projection">
<link rel="stylesheet" href="blueprint/print.css" type="text/css"
media="print">
<!--[if IE]><link rel="stylesheet" href="blueprint/ie.css" type="text/
css" media="screen, projection"><![endif]-->
</head>
<body>
<div class='container' style='padding: 0 0 10px 0;'>
<div class='column span-12' align='left'>
<img src='logo.png' width='400' height='80' alt='logo'>
</div>
<div class='column last span-12' align='right'>
<img src='banner-code' width='468' height='60' alt='Google
Adsense Banner'>
</div>
</div>
<div class='container' style='padding: 0 0 10px 0;'>
<div class='column last span-24' style='background:#cccccc; padding:
4px 8px 4px 8px;'>
home | about | contact
</div>
</div>
<div class='container' style='padding: 0 0 10px 0;'>
<div class='column span-16' style='background:#cccccc;'>
<p>title<br />author | time<br />article excerpt<br /><br /
>comments # | page views #<br /><hr /><br /></p>
</div>
<div class='column span-8 last' style='background:#cccccc;'>
<p>side bar</p>
</div>
</div>
<div class='container' style='padding: 0 0 10px 0; background:
#cccccc;'>
<div class='column span-12' align='left'>
Copyright
</div>
<div class='column last span-12' align='right'>
feed | privacy | legal | sitemap
</div>
</div>
</body>
</html>
But for some reason it has an extra padding on right right side for
the first and last two containers. What am I doing wrong?
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
