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

CSS

Posted by Chase Lester
Chase Lester
10,972 Points

margin: 0 auto; working in Safari but not Chrome?

So here is something odd. Anyone know why Safari is centering the map, but chrome is not?

http://chaselester.com/riveroaks/course.html

If you have both chromo and safari, check it out and let me know if you know why it is working in Safari but not Chrome

(still working on styling the site)

2 Answers

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

your main map_here has a width of 100% ;) remove that and wrap the iframe in an div and give that a width :) that should do the work.

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points
Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

i guess that did the job? :)

Chase Lester
Chase Lester
10,972 Points

Yeah, I played with it a bit. Wrapped the iframe in a div with a width of 90%, then gave the margin auto to that 90% div and it worked.