Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Boxes and widths

I am working on a website and I am trying to put 2 columns, I want one on the right side of the page and one in the center, I have made the content but when I apply the css all it does is display down the page. I can not get it to go into its correct area.

Tomasz Foster
Tomasz Foster
19,442 Points

Post your code so we can help you out. Thanks!

4 Answers

http://codepen.io/Johnfaught/pen/mnpqL

I am trying to put the contact information in the middle and have just a column on the right side.

Inverse the order of the #contact and #barleft divs in your code and apply float:right css on both. I'd also suggest you set their width and change <iframe width="425" height="350"... to <iframe width="100%" height="350"... making the iframe adapt itself to the parent div.

Thank you so much, Jean-Philippe LΓ©garΓ©! It's not having it the other way that fixed my problem!

Adam Moore
Adam Moore
15,825 Points

Sounds like a floating problem. Code would help but if you're unfamiliar with how a css float works you'll need to study up on that...

I've studied floats, but it still doesn't fall into place.