Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #45749
    jemsz
    Member

    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

    #139883
    Paulie_D
    Member
    #139890
    jemsz
    Member

    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…

    #139891
    Paulie_D
    Member

    Codepen won’t work with PHP.

    You have to use the output HTML

    #139892
    jemsz
    Member

    updated again ><

    #139894
    jemsz
    Member

    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…

    #139898
    Paulie_D
    Member

    There’s some magic numbers but this might work.

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

    #139895
    jemsz
    Member

    Cheeers paulie! Works nice thanks

    #139896
    jemsz
    Member

    Seriously thanks again!!!! Much appreciated!

    #139901
    Senff
    Participant

    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:

    #139903

    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.

    #139904
    jemsz
    Member

    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?

    #139906
    jemsz
    Member

    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..

    #139907
    jemsz
    Member

    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>

    #139908

    Test with IE from the start from now on ;)

Viewing 15 posts - 1 through 15 (of 15 total)
  • The forum ‘CSS’ is closed to new topics and replies.