Hi Angelo,
>From what I understand, you want 2 divs (navigation and welcome) on top of
each other, and the lang div on the right, its top aligned with the top of
navigation.
You have to either put lang before welcome, or wrap navigation and welcome
inside a span-23 div.
Solution 1:
<div class="span-23">Navigation</div> <div class="span-1 last">Lang</div>
<div class="span-23">Welcome</div>
Solution 2:
<div class="span-23">
Navigation
Welcome
</div>
<div class="span-1 last">Lang</div>
Remember that divs with span-x will try to fill horizontal lines on the
screen, untill their combined width is too big for one line. In your code,
the welcome span-23 could not fit on the first line.
Hope that was what you meant, otherwise please post a link to your page, and
eventually a screenshot of your intended result.
On Thu, Jul 30, 2009 at 11:21 PM, angelozehr <[email protected]> wrote:
>
> <div class="container" style="background-color:#999; background-
> image:url(images/bbg2.jpg); background-position:top right; background-
> repeat:no-repeat;">
> <div id="background" class="span-24" style="background-color:#AAF;
> height:108px;"></div>
> <div id="navigation" class="span-23" style="background-color:#66F;
> height:65px;"></div>
> <div id="welcome" class="span-23" style="background-color:#99F;
> height:330px;"></div>
> <div id="lang" class="span-1 last" style="background-color:#BBF;
> height:395px;"></div>
> </div>
>
> I would like to put the 'navigation' and the 'welcome' divs at the
> left and the 'lang' div at their right side.
>
> How can I accomplish that? / what am I doing wrong? I already tried
> working with float/absolute positions... =(
>
> thank you..
>
--
Goulven Champenois
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
