Forums

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

Home Forums CSS CSS ribbons, not lining up in IE

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #42756
    thedudeman
    Member

    Need a little assistance with an issue I am having, got 3 ribbons displaying in-line using CSS, which displays perfectly in Firefox, but when displayed in IE 9 it seems so lose the alignment all together.

    I made a Pen in CodePen, http://codepen.io/theyobstar/pen/alLAC , hoping one of you CSS geniuses could assist.

    Also made a screenshot of the alignment issue in IE 9, http://imgur.com/L4VSQQh

    Many Thanks

    #124730
    Paulie_D
    Member

    Your Codepen works fine for me in IE9 mode of **IE10**….except the menu placement/margin but that may be unrelated.

    My guess though is that it’s a positioning issue.

    It’s difficult to tell from your image…which element is out of place?

    #124734
    thedudeman
    Member

    “block1″ seems to be the problem child, with the class=”ribbon-stitches-top” being thrown out, when display in IE9, unless it could be something to do with my WAMP – apache configuration? I’m just guessing though…

    #124738
    Paulie_D
    Member

    It’s probably unrelated but you have an unclosed ‘li’ in your Codepen

  • Preparation to trial balance level. (With balance Sheet reconciliations)
#124742
Senff
Participant

Looks fine to me in IE9, but then again, I can’t see whats wrong in your IE9 screenshot in the first place….? (unless it’s that one on the top left….which I don’t see in my IE9?)

#124746
Paulie_D
Member

Also you have a lot of unnecessary IDs & CSS in there. It could use a tidy up.

Try using classes instead of IDs: http://codepen.io/Paulie-D/pen/fHhpB

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