Grow your CSS skills. Land your dream job.

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

  • # June 22, 2013 at 9:02 am

    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

    # June 22, 2013 at 9:35 am

    Try putting you HTML and CSS into Codepen.io

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

    # June 22, 2013 at 10:35 am

    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

    Codepen won’t work with PHP.

    You have to use the output HTML

    # June 22, 2013 at 10:42 am

    updated again ><

    # June 22, 2013 at 10:57 am

    Even attempting a Flex-Box as described [Here](http://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

    There’s some magic numbers but this might work.

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

    # June 22, 2013 at 11:40 am

    Cheeers paulie! Works nice thanks

    # June 22, 2013 at 11:46 am

    Seriously thanks again!!!! Much appreciated!

    # June 22, 2013 at 12:54 pm

    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

    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

    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

    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

    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>

    # June 22, 2013 at 3:28 pm

    Test with IE from the start from now on ;)

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".