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 How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Glen Thompson
Glen Thompson
2,077 Points
Posted by Glen Thompson
Glen Thompson
2,077 Points

My phone/mail images are left justified on the primary column in I.E.

I have applied the 2 column layout however my phone/mail images are left justified in the primary column. How do I make them sit in the secondary column

2 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Glen,

Are you on the part where you float the primary column left and the secondary column right?

One reason you would have this problem is that the float: right; isn't taking effect. Your background images would appear all the way on the left.

Post your css for the primary and secondary columns and double check that you have the secondary id set correctly in the html. Or post that part of your html as well

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

You should have this in your html: <section id="secondary">

Check for typos on that or using uppercase letters.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

I forgot that you mentioned IE. It doesn't seem like this would be a bug in IE but did you try in another browser to narrow it down to either a problem with your code or a problem with IE?

Glen Thompson
Glen Thompson
2,077 Points
Glen Thompson
Glen Thompson
2,077 Points

Typo was the answer - cannot spell secondary. Thanks.

Errol Russell
Errol Russell
6,197 Points
Errol Russell
Errol Russell
6,197 Points

you can copy the code challenge question and paste it to google, it will take you to the treehouse forum to find the answer.

Glen Thompson
Glen Thompson
2,077 Points
Glen Thompson
Glen Thompson
2,077 Points

code challenge question ??!!?? What do you mean?

My CSS is: .contact-info a { display: block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; } .contact-info li.phone a { background-image: url('../img/phone.png'); } The image is suppose to be in secondary column next to my phone number because of the 30px padding when my screen is 480px or greater however it is sitting in the background in the primary column,