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 Joe Li
Joe Li
3,608 Points

IE Rendering Issues

Hey Guys,

I'm hoping someone can help me. I got my website up and running fine and it works in all browsers. Except it's rendering horribly in IE. I've tried everything I can but there are a lot of issues. The images spill out of their parent divs, the text is all pushed to one side and it just looks ugly. The wrapper doesn't seem to containing anything?

Does anyone know what's causing the problem?

Thanks,

Joe

2 Answers

Ernest Grzybowski
Ernest Grzybowski
Treehouse Project Reviewer
Ernest Grzybowski
Ernest Grzybowski
Treehouse Project Reviewer

Please post to either a direct link of your website or maybe try a codepen, but please try to get us your code somehow. Thanks!

Joe Li
Joe Li
3,608 Points
Joe Li
Joe Li
3,608 Points

www.charlotteandjoewedding.com/home.php

IE 6 AND 7 seem to be having problems.

Thanks

Ernest Grzybowski
Ernest Grzybowski
Treehouse Project Reviewer

I know you didn't ask for a critique, but on the login page the black text on the red background is very hard to read. Also on Chrome "Contact Us" spills over to another line. Not sure if that was intentional.

J.T. Gralka
J.T. Gralka
20,126 Points
J.T. Gralka
J.T. Gralka
20,126 Points

Yeah. Sometimes when you're working with a grid layout, the proverbial you-know-what can hit the fan when it comes to testing your layout in IE, especially legacy versions, as you point out. There are frameworks like Compass that help organize grids for non-Webkit browsers, and with the exception of writing IE conditional statements to fix some of the layout issues you're having, some such framework might be the best thing for you.

In addition to what Ernest Grzybowski suggests about contrast issues on your site, I might suggest that you start to look into making your page more responsive. I noticed when I viewed your site in Chrome that some of the menu items spilled over onto the next line when I resized the window. A couple of well written media queries could fix a lot of your layout problems, and they might even help you with your IE woes as well.

Best,

–J.