Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How can I position content under a top bar and next to a side bar?

How Can I Position Content Under A Top Bar And Next To A Side Bar?

How can I position content under a top bar and next to a side bar?

Problem

This is what I'm trying to do: http://gyazo.com/9332c173b5d2ac761565f47636a5cfc0.png

I've tried positioning the sidebar using float:left but then it starts under the top bar...

I have no clue how to do this.

Help me, please! Thanks!

Problem courtesy of: Anthony

Solution

Here's the fiddle that would work for you.

code:


topbar
content

and with css:

div{
border: 1px solid red;
}
#sidebar{
    width:200px;
    height:200px;
    float:left;
}
#contentWrapper{
    width:200px;
    height:200px;
    float:left;
}
Solution courtesy of: Alan

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How can I position content under a top bar and next to a side bar?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×