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!

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

Posted by John Faught
John Faught
3,484 Points

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
Tomasz Foster
Tomasz Foster
19,442 Points

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

4 Answers

John Faught
John Faught
3,484 Points
John Faught
John Faught
3,484 Points

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.

legarejp
legarejp
852 Points
legarejp
legarejp
852 Points

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.

John Faught
John Faught
3,484 Points

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
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...

John Faught
John Faught
3,484 Points

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