Hi there. I have a problem with my header div. The header consist of 3
other div elements logo, header-title and header-nav. What I'm trying
to achieve is to get the 3 div elements to display on one line next to
each other inside the div header element. I've used span-24 on the
header element, span-4 on the logo element, span-12 on the header-
title element, so the header-nav should get a span-8 right to make up
the 24 columns. If I make it span-8 my header-nav elemet moves down on
to a new line. If I change it to span-7 it works great, but I then
cannot utilise the full 24 column grid width of the layout.
Oh and the border class just adds a border around elements
I've posted my code below
<div class="container showgrid">
<div id="header" class="span-24 border">
<div id="logo" class="span-4 border">Logo</div>
<div id="header-title" class="span-12 border">Header Title</
div>
<div id="header-nav" class="span-7 border">Nav-1 | Nav 2 | Nav
3</div>
</div>
<div id="top-nav" class="span-24 border">Item 1 | Item 2 | Item 3
| Item 4</div>
<div id="content" class="span-24 border">
<div id="main-content" class="span-20">
<p>Main content</p>
</div>
<div id="right-nav" class="span-3 border">
<div class="portlet">Portlet 1</div>
<div class="portlet">Portlet 2</div>
<div class="portlet">Portlet 3</div>
</div>
</div>
<div id="footer" class="span-24 border last">
<div class="footer-item span-24 border">Footer Item 1</div>
<div class="footer-item span-24 border">Footer Item 2</div>
<div class="footer-item span-24 border">Footer Item 3</div>
<div class="footer-item span-24 border">Footer Item 4</div>
</div>
</div>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
