I suspect this is because the head element is floated to the left and
then you have an inline element within that.
Try adding a clearing element as below. Also, the margin should likely
be 18px or 1.5em as per the default BP settings.
HTH
<div class="container">
<div class="head span-16">
<span class="logo">
<a href="/">Site Logo</a>
</span>
</div>
<div class="clear"></div>
</div>
On Jun 10, 6:28 am, B3 <[email protected]> wrote:
> I created a style.css so I could put the actual site in it and I have
>
> .head{
> height:100px;
> margin-bottom:20px;
> }
>
> and my html looks like this
>
> <div class="container">
> <div class="head span-16">
> <span class="logo">
> <a href="/">Site Logo</a>
> </span>
> </div>
> </div>
>
> but the margin-bottom:20px; doesn't work.. Nothin at all is placed
> below the header when I checked with firebug for firefox.. Am I doing
> this the right way? I read to create a style.css so that even if
> blueprint css gets updated it doesnt mess up the actual site file..
>
> How do I get the margin to work? and is my coding correct so far?
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
