CODEWITHSUNDEEP
htmlcssinternet-explorer-8
karim79
karim79

Reputation: 342635

Imaginary margin in IE8?

enter image description here

Does anyone know why the image is not aligned to the bottom right of the container where it should be, but instead has some sort of imaginary margin which causes it to overlap the button?

This occurs only in IE8, view the page in any other browser and it looks super.

Live example for your inspection.

Thanks in advance :)

Upvotes: 1

Views: 141

Answers (2)

Steve
Steve

Reputation: 141

Changing the css at line 1616 to "text-align:right" should fix it.

.dealerLogo {
   text-align: right;
   position: absolute;
   bottom: 0;
   right: 0;
   cursor: pointer;
}

Upvotes: 2

thirtydot
thirtydot

Reputation: 228182

I don't know why this is happening, and I didn't try hard enough to find out.

To workaround the problem, on .vcard .dealerImages .dealerLogo change text-align: center to text-align: right. This doesn't make any difference in other browsers, but fixes IE8.

You'll also need to add z-index: 1 to .vcard .dealerImages .dealerContact, to keep the rightmost part of the orange button working.

Upvotes: 1

Related Questions