Help! Margin Error (Firefox & IE)

  • Hi! I built this website by editing the Default WordPress Template. I am having an issue with the margins for the main image that says “Which Path Leads to Heaven” in IE it shows up in line with the navigation, but in firefox there is a 42 pixel space.

    The image is located in the header.php file, here is the code:
    <img src="https://designedbymarsha.com/askrev/wp-content/themes/default/images/image.png" width="1040" height="300" class="mainimage">

    In my CSS the code for “mainimage” is as follows:

    .mainimage{
	margin-top: 0px;
	padding-top:0px;}

    When I change the margin to -42px, it shows up perfect in firefox but the image is too far up in IE and covers part of the navigation.

    I hope someone is able to help me out. If you need to know any more information just let me know. Thanks!

Viewing 1 replies (of 1 total)
  • Thread Starter mrsmarshah

    (@mrsmarshah)

    ** Update!
    I downloaded the newest version of IE (Version 8). I am not sure what I had before – 6 or 7 possibly.

    It appeared exactly as it did in firefox this time. So I changed my mainimage code as follows:

    .mainimage{
	margin-top: -42px;
	padding-top:0px;}

    The image is now in place. Still looking for a resolution for the bug so that anyone viewing the site with the version of IE that I had will be able to view the site properly.

Viewing 1 replies (of 1 total)
  • The topic ‘Help! Margin Error (Firefox & IE)’ is closed to new replies.