Hi,
I'm working on a site and I need to use some specific width sizes.
The main content needs to fit in 980px containing an header, two
central columns and a footer.
But around this 980px container, an image should be visible, having a
size of 1024px.
The first problem is:
Is better to define a 1024px grid or just a 980px grid and then
putting this one inside a normal div?
The other problem is that I tried using the grid css generator (http://
kematzy.com/blueprint-generator/), just to do some experiment on a
working layout made with blueprint and it didn't work.
I have this header:
<div class="container">
<div class="span-20 push-2 prepend-top last" id="header">
<h1 class="column span-16 pull-1"><a href="home">Magnolia</a></
h1>
<ul class="span-4 last">
<li>myspace</li>
<li>myspace</li>
</ul>
</div>
<ul class="column span-20 clear" id="nav-bar">
<li><a href="programma_mese">programma del mese</a></
li>
<li><a href="circolo">il circolo</a></li>
</ul>
</div>
The header should contain two rows:
on the first one there is a logo on the left and a vertical list of
link (myspace, ...) on the right.
on the second row an horizontal list of link (a nav bar).
With the default screen.css of blueprint this worked fine.
Then I tried the grid generator. After I've found the right column
number and width I just replaced the screen.css file with the
compressed.css (is this ok?), I changed some span in the html, but, no
matter what, the list of myspace links was always going under the
logo.
To solve I had to put a div around the list, and then putting the
class "clear" in the navbar.
Why did this happen? Is there some difference between the two files?
Or am I doing something wrong?
Thank you and sorry for the long post.
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
