- This topic is empty.
-
AuthorPosts
-
June 22, 2013 at 9:02 am #45749
jemsz
Memberokay 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 #139883Paulie_D
MemberTry 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
June 22, 2013 at 10:35 am #139890jemsz
MemberThanks 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 #139891Paulie_D
MemberCodepen won’t work with PHP.
You have to use the output HTML
June 22, 2013 at 10:42 am #139892jemsz
Memberupdated again ><
June 22, 2013 at 10:57 am #139894jemsz
MemberEven 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 #139898Paulie_D
MemberThere’s some magic numbers but this might work.
June 22, 2013 at 11:40 am #139895jemsz
MemberCheeers paulie! Works nice thanks
June 22, 2013 at 11:46 am #139896jemsz
MemberSeriously thanks again!!!! Much appreciated!
June 22, 2013 at 12:54 pm #139901Senff
ParticipantReason 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 #139903jonathansampson
MemberAlso 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 #139904jemsz
MemberOkay 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 #139906jemsz
MemberAny 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 #139907jemsz
MemberOkay 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 #139908jonathansampson
MemberTest with IE from the start from now on ;)
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.