0

Can anyone tell me how to format my website so it looks the same in internet explorer as it does in google chrome? Normally when I make a website I format it for IE with only a slight annoyance, but now I can't forgure out how to my website is http://spencedesign.netau.net/home.html and the code is

<html>
<head>
<title> Singapore - Home </title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<style>
*  
{
  margin: 0;
  padding: 0;
}
body
{
  background: url('woodbackground.jpg');
  background-size: cover;
  min-height: 100%;
  min-width: 100%;
  position: relative;
  top: 0; bottom: 0; left: 0; right: 0;
}

#container 
{
  width: 1175px; 
  margin: auto;
}

h1 
{
  font: bold 65px Helvetica, Arial, Sans-serif;
  text-align: center; color: #eee;
  text-shadow: 0px 2px 6px #333;
  position: relative;
  top: 60px;

}

h3
{
  font: 25px Helvetica, Arial, Sans-serif; 
  text-align: center; 
  color: #eee;
  text-shadow: 0px 2px 6px #333;
  position: relative;
  top: 80px;
}


ul#gallery
{
  list-style: none;
  display: inline;
  position: relative;
  top: 175px;
}

ul#gallery li a
{
  float: left;
  padding: 10px 10px 25px 10px;
  background-color: #eee;
  border: 1px solid #fff;
  -moz-box-shadow: 0px 2px 15px #333;
  position: relative;
  margin: 10px;
  text-decoration: none;
}

ul#gallery li a:hover
{
  position: relative;
  top: -15px;
}

ul#gallery li a img
{
  height: 150px;
  width: 250px;
}


ul#gallery li a p
{
  margin-top: 25px;
  text-align: center;
  color: #000;
  font: Helvetica, Arial, Sans-serif;
  text-decoration: none;
  font-size: 20px;
}
</style>
<body>

<div id="container">
  <h1> Singapore </h1>
     <h3><i> Singapore is the worlds first machine that works </i>- Lee Kuan Yew </h3>
<ul id="gallery">
  <li><a href="#"> <img src="gallery.jpg" alt="gallery" /> <p> Gallery </p> </a>
  </li>
  <li><a href="#"> <img src="facts.jpg" alt="facts" /> <p> Facts </p></a>
  </li>
  <li><a href="#"> <img src="tour.jpg" alt="tour" /> <p> Tour </p></a>
  </li>
  <li><a href="#"> <img src="author.jpg" alt="author" /> <p> Author </p> </a>
  </li>
</ul>
</div>


</body>
<html>

Thanks!

2
Contributors
1
Reply
3
Views
4 Years
Discussion Span
Last Post by JorgeM
1

A quick review of your CSS shows that you included CSS3 properties. You should note that much of CSS3 is not supported by IE8 or older or not at all.

What are the differences you are noting that you want to fix?

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.