CODEWITHSUNDEEP
cssinternet-explorer-11font-awesome
corleoner
corleoner

Reputation: 47

css frustration - Icon font is not aligning correctly in IE11, I'm out of ideas

I'm having some CSS issues with an icon font that just doesn't want to cooperate with IE11. I spent several hours trying to get a grip on it yesterday with nothing achieved but massive levels of frustration. Thought about spending more time on it today, but with the kids home on vacation, I've got enough aggravation for today LOL (7 and 9 year olds are even crazier than css).

The specific issue is with a scroll to top icon that aligns incorrectly in IE (the invisible url can be clicked on the right side, but the icon appears on the left as shown in attachments)

enter image description here

enter image description here

Example URL located at:

https://raiderforums.com/viewtopic.php?f=3&t=10739

To further complicate matters, it seems IE developer tools has lost it's mind (everything is crossed out, yet rendered on screen):

enter image description here

If anyone beyond my amateur level can give me a hint where I've gone wrong, I'd greatly appreciate it and you'd greatly increase my productivity the rest of the day because this stuff drives me mad.

Thanks! Nick

Upvotes: 1

Views: 605

Answers (3)

Varin
Varin

Reputation: 2453

Try this:

#wrap .back2top::before, #wrap a.top2::before {
      right:0px;
 }

you can also add: margin-right: 5px; to align it better.

Upvotes: 1

Mike Kovetsky
Mike Kovetsky

Reputation: 1738

I think this is a good idea to set the absolute position. Try

.back2top {
   position: absolute;
   right: 0;
   bottom: 0;
}
.postbody1 {
   float: none;
   position: relative;
}

Upvotes: 0

loki
loki

Reputation: 187

Try this man 

.back2top {
  float: right;
  display: inline-block;
  bottom: 20px;
}

Upvotes: 0

Related Questions