CODEWITHSUNDEEP
htmlimagebackground
Thomas Lai
Thomas Lai

Reputation: 317

images dont show up correctly in browsers

I have an image on this website . It shows up on every browser, but its positioned wrong in Firefox. I also have another image, on the same website, in the maze, when you open it in safari, its a gray box. How do I fix this? Thanks!

Upvotes: 0

Views: 96

Answers (2)

Giles
Giles

Reputation: 362

This is because position: relative is undefined in the Firefox rendering engine. Therefore your absolutely positioned image jumps to the next parent element which has positioning (the section element).

See more details here

If you just remove the absolute positioning on the image, it looks like it is in the correct spot anyways.

Upvotes: 1

Prasanth K C
Prasanth K C

Reputation: 7332

You can achieve this by removing the below property from image

position:absolute;

If 'absolute' is necessary, Try adding this in your CSS

.finish {
 display: block;
 position: relative;
}

Hope it will help you to align 'finish' image

Upvotes: 1

Related Questions