HELP – Css output error on Internet Explorer (Noob question)

[jemsz]

okay im bad and noob at CSS… Ive tried making 3 areas. 1 For a feature image, another for a rate area with 5 stars and another called Report Broken. Report broken and 5 stars are the same code however on Internet explorer it shows 2 boxes rather than the 1 box for Report broken… Please click this image to see what i meen… What in the CSS that is causing this? please help
[Click here for image of problem…](http://s15.postimg.org/shdrczckb/css_problem.png “Image here of problem”)

CODE-PEN: http://codepen.io/anon/pen/hiAIc

[Paulie_D]

Try putting you HTML and CSS into Codepen.io

https://css-tricks.com/forums/discussion/21516/a-guide-to-using-codepen-help-us-help-you-/p1

[jemsz]

Thanks mate heres the [Link](http://codepen.io/anon/pen/hiAIc “Link”),, please help me, It appears to render well in Code pen however when opened in Internet explorer the “broken”area is doubled or something…

[Paulie_D]

Codepen won’t work with PHP.

You have to use the output HTML

[jemsz]

updated again ><

[jemsz]

Even attempting a Flex-Box as described [Here](https://css-tricks.com/snippets/css/a-guide-to-flexbox/ “here”)on this site renders well on firefox and chrome however on Internet Explorer the flex box example goes vertical…

[Paulie_D]

There’s some magic numbers but this might work.

http://codepen.io/Paulie-D/pen/aJqeG

[jemsz]

Cheeers paulie! Works nice thanks

[jemsz]

Seriously thanks again!!!! Much appreciated!

[Senff]

Reason why it wasn’t working in IE is (probably) because you made some mistakes with P tags (at least in your pen). For example:

Whereas you probable intended:

[jonathansampson]

Also worth noting (since you looked into Flexbox) is that IE10 has a slightly older implementation of Flexbox than Chrome. IE11 should have the updated syntax.

[jemsz]

Okay its definitely PHP inteference… Both the Rate and Broken parts were exact copies, however the PHP is making that effect only in IE… I remove the php and it renders fine in IE. Any ideas lol?

[jemsz]

Any ideas what i can add to a container to make it not repeat itself? IE9 stuffs my 2nd container up.. however the 3rd container that also has php is not affected, and vice versa…. so i dunno if its the php or css..

[jemsz]

Okay it must of been my computers IE the whole time, maybe a bug… i dont use IE obviously i was just checking compatibility so i highly recommend [browserstack.com](http://www.browserstack.com “”) if you haven’t already>

[jonathansampson]

Test with IE from the start from now on ;)

[Author]

Posts