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 Syrmatenia Karvouniari
Syrmatenia Karvouniari
1,051 Points

Design breaks on IE 8 and down

Hello i have a problem with my design it breaks on IE 8 and down. I Know IE has a lot of bugs but anyone has an idea how to fix my design on IE I have a section with 3 projects on my page and for each projects there is a description so i used an unordered list and css to style them here is my code http://cdpn.io/aIFue

2 Answers

Twiz T
Twiz T
12,588 Points
Twiz T
Twiz T
12,588 Points

They are broken in the codepen as well, I'm using chrome.. are you sure it's not a path problem? I'm not seeing an image directory (you reference image folder in your image path).

<img src="images/menta-logo.jpg" alt="Branding design for menta cafe in Thessaloniki"/>

-twiz

Check out this fork of your pen. I'm just referencing an image hosted on the internet for the second li item. The src="" needs to know where to find the image it will be displaying, and if there is no image folder it doesn't know what to display.

http://codepen.io/anon/pen/lzHiI

Syrmatenia Karvouniari
Syrmatenia Karvouniari
1,051 Points

i know that the pics are missing i just wanted to show my html and css code it s not a problem with the pics the design breaks

Sean Manion
Sean Manion
5,647 Points
Sean Manion
Sean Manion
5,647 Points

There is a css file you can add that may help with your issue: http://necolas.github.io/normalize.css/

Description: "Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing."

** Note: The order you link external css files is important. Be certain to call normalize.css before other external style sheets.

Syrmatenia Karvouniari
Syrmatenia Karvouniari
1,051 Points

thanks a lot i will try it!