- This topic is empty.
June 22, 2013 at 9:02 am #45749
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/hiAIcJune 22, 2013 at 9:35 am #139883
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-/p1June 22, 2013 at 10:35 am #139890
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…June 22, 2013 at 10:39 am #139891
Codepen won’t work with PHP.
You have to use the output HTMLJune 22, 2013 at 10:42 am #139892
updated again ><June 22, 2013 at 10:57 am #139894
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…June 22, 2013 at 11:26 am #139898
There’s some magic numbers but this might work.June 22, 2013 at 11:40 am #139895
Cheeers paulie! Works nice thanksJune 22, 2013 at 11:46 am #139896
Seriously thanks again!!!! Much appreciated!June 22, 2013 at 12:54 pm #139901SenffParticipant
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:June 22, 2013 at 1:23 pm #139903jonathansampsonMember
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.June 22, 2013 at 1:32 pm #139904
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?June 22, 2013 at 2:37 pm #139906
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..June 22, 2013 at 3:21 pm #139907
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><! CheersJune 22, 2013 at 3:28 pm #139908jonathansampsonMember
Test with IE from the start from now on ;)
- The forum ‘CSS’ is closed to new topics and replies.